如何使用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 auto会关闭打开的<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"...');

追加和前置不会那样工作。您预先添加/追加节点，而不是标记。

您似乎也想要预先添加一些单独的HTML。无论如何：

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

.prepend完成第二次，以便它在包装之外。