如何用jquery包装div中的所有正文内容?

Che*_*hev 3 html javascript jquery dom jquery-plugins

在我写的JQuery插件中,我希望<body>通过将它们包装在div中并隐藏它来隐藏标记的所有内容.hide().将现有DOM元素包装到单个父元素中的最佳方法是什么?

例如:

我想转此

<body>
    <h1>Hello World!</h1>
    <p>This is a sample document to be manipulated by a JQuery plugin!</p>
</body>
Run Code Online (Sandbox Code Playgroud)

进入这个

<body>
    <div id="originalBodyContents">
        <h1>Hello World!</h1>
        <p>This is a sample document to be manipulated by a JQuery plugin!</p>
    </div>
</body>
Run Code Online (Sandbox Code Playgroud)

谢谢!

Tur*_*nip 11

这应该做到......

$(document).ready(function() {
    $('body').wrapInner('<div class="new" />');
    $('.new').hide();
});
Run Code Online (Sandbox Code Playgroud)

这是一个小小的小提示,以显示类似的行动.