javascript - 如何使用 jquery 将整个页面内容包装在 div 中

Question

这是我的代码。

$(function(){
    $("body").prepend('<div id="loading"><span id="pagename"></span></div><div id="fade_wrapper">');
    $("body").append('</div> <!-- closing #fade_wrapper -->');
});

问题是 chrome 自动关闭了打开<div id="fade_wrapper">，因此 HTML 看起来像这样：

<div id="loading"><span id="pagename"></span></div><div id="fade_wrapper"></div>

第二个代码中的关闭 DIV 不应该存在。如何使用 jquery 将整个页面内容包装在 div 中？

Answer 1

使用.wrapInner：

$("body").wrapInner('<div id="loading"...');

append 和 prepend 不是那样工作的。您添加/附加节点，而不是标签。

似乎您还想添加一些单独的 HTML。不管：

$("body").wrapInner('<div id="fade_wrapper">');
$("body").prepend('<div id="loading"><span id="pagename"></span></div>');

这.prepend是第二个完成，因此它将在包装之外。