Eine kurze Diskussion über den Unterschied zwischen wrap(), wrapAll() und wrapInner() in jQuery_jquery

Als ich heute Abend las, entdeckte ich, dass jQuery über drei Methoden zum Umschließen von Knoten verfügt. Ich habe auf Baidu nach jQuery wrap() / wrapAll() / wrapInner() gesucht, und tatsächlich stand die Dokumentation von W3School an erster Stelle in den Suchergebnissen.

Die Erklärung von W3School lautet jedoch wie folgt:

jQuery-Dokumentoperation – Wrap()-Methode

Die Methode

wrap() platziert jedes ausgewählte Element innerhalb des angegebenen HTML-Inhalts oder -Elements.
jQuery-Dokumentoperation – wrapAll()-Methode

wrapAll() platziert alle ausgewählten Elemente innerhalb des angegebenen HTML-Inhalts oder -Elements.
jQuery-Dokumentoperation – wrapInner()-Methode

Die

wrapInner()-Methode verwendet den angegebenen HTML-Inhalt oder das angegebene HTML-Element, um den gesamten Inhalt (inneres HTML) in jedem ausgewählten Element zu umschließen.
Ich habe nicht viel gelesen, daher ist es wirklich ärgerlich, Erklärungen wie diese zu sehen, die meine Verwirrung nicht sofort beseitigen.

Am praktischsten ist es, es selbst zu machen.

Dies ist der Originalcode, der zum Vergleich verwendet wurde:

Ich nehme einen Platz ein.

Ich nehme einen Platz ein.

wrap()-Methode

$("p").wrap("");

Ergebnis:

Wie aus der Abbildung ersichtlich ist, umgibt das starke Tag jedes passende p-Tag.

wrapAll()-Methode

$("p").wrapAll("");

Ergebnis:

Wie auf dem Bild zu sehen ist, umgibt das starke Tag alle passenden p-Tags gleichzeitig.

wrapInner()-Methode

$("p").wrapInner("");

Ergebnis:

Wie auf dem Bild zu sehen ist, ist das starke Tag in jedes passende p-Tag eingebettet.

Natürlich ist die Wirkung der drei Methoden am Ende die gleiche.

Sobald Sie klicken.

Das Obige ist meine persönliche Analyse der Unterschiede zwischen wrap() wrapAll() und wrapInner() in jQuery. Es ist nur mein persönliches Verständnis.