Wie wickeln Sie den ganzen Körper Inhalt in einem div mit jquery?

In ein JQuery-plugin, das ich Schreibe, möchte ich alles ausblenden, den Inhalt der <body> tag durch das einwickeln von Ihnen in ein div-Element und ruft .hide(). Was ist der beste Weg, um wrap bestehende DOM-Elemente in einem einzige parent-element?

Beispiel:

Ich möchte diese

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

in diesem

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

Dank!

InformationsquelleAutor Chev | 2012-07-11
  1. 11

    Dies sollte es tun...

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

    Hier ist ein wenig Geige zu zeigen, etwas ähnlich in Aktion.

    • Es endet immer als einfacher als ich dachte :). Danke!
    • Link zu den docs, die erklären, was wrapInner tut: api.jquery.com/wrapInner Auch behoben einen Tippfehler. 🙂
    • der Vollständigkeit halber, es gibt auch .wrapAll()
    • Danke Jungs. Falls sich jemand wundert, wie ich diese, meine plugin hält eine var Verweis auf die original-Elemente wie folgt: var $bodyContents = $('body').wrapInner('<div>').children('div').hide(); dann später bin ich in der Lage, leicht tun $bodyContents.show() 🙂
    InformationsquelleAutor Turnip
  2. 0

    Alle spezifischen Grund, warum Sie nicht wollen, tun Sie das folgende?

    $('body').hide();​​​​
    • Ja, weil ich will, zu verstecken, den Körper original Inhalt, und fügen Sie ein neues div-Element, spezifisch für das plugin, um die Körper, die nicht ausgeblendet werden. Dann, wenn das plugin beendet wird Sie Ihre div und reshow die ursprünglichen Körper Inhalt.
    • Ok, klingt gut. Wollte nur um sicher zu gehen 🙂
    • auch Sie könnten dies tun, ohne zu tun, dass der wrapper, indem Sie eine CSS-Regel, alles zu verstecken und eine andere Regel aussetzen, nur das neue element.
    • stimmt, aber ich denke, ich mag die Steuerung über die original-Karosserie-Elemente in einem einfachen container.
    • ja, guter Punkt, plus * Regeln sind Art-von teuer.
    InformationsquelleAutor Briguy37
Schreibe einen Kommentar