How to wrap all the body contents in a div with jquery?

Question

In a JQuery plugin I'm writing I want to hide all the contents of the <body> tag by wrapping them in a div and calling .hide() . What is the best way to wrap existing DOM elements into a single parent element?

For example:

I want to turn this

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

into this

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

Thanks!

Answer 1

This should do it...

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

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

Answer 2

您不想做以下任何具体原因？

$('body').hide();

How to wrap all the body contents in a div with jquery?

Question

2 answers

solution1
11 ACCPTED 2012-07-11 16:14:41

solution2
0 2012-07-11 16:16:22

How to wrap all the body contents in a div with jquery?

Question

2 answers

solution1 11 ACCPTED 2012-07-11 16:14:41

solution2 0 2012-07-11 16:16:22

solution1
11 ACCPTED 2012-07-11 16:14:41

solution2
0 2012-07-11 16:16:22