javascript - 如何使用 jquery 将所有正文内容包装在一个 div 中?

标签 javascript jquery html 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>

进入这个

<body>
    <div id="originalBodyContents">
        <h1>Hello World!</h1>
        <p>This is a sample document to be manipulated by a JQuery plugin!</p>
    </div>
</body>

谢谢!

最佳答案

应该这样做...

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

Here's a little fiddle to show something similar in action.

关于javascript - 如何使用 jquery 将所有正文内容包装在一个 div 中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11436904/

相关文章:

html - 边界差距和边界再次

javascript - 使位置 : fixed element respect parent with position: relative

javascript - 在轮播中堆叠图像

javascript - 删除滚动条jquery

javascript - 获取 $.each 中返回的数组数量

html - 仅当另一个元素是悬停元素的子元素时,才将元素悬停时的样式应用于另一个元素?

javascript - 检查我的应用程序是否已经使用 Cordova 运行

javascript - 插入数组会导致无限循环

javascript - 使用 jQuery 从表单外部的链接提交表单

javascript - 使用本地存储重新加载页面时如何存储 div 的事件类