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 是第二个完成的，所以它会在包装之外。