Heim > Web-Frontend > Front-End-Fragen und Antworten > DOM-Operation in JQuery – Wrap

DOM-Operation in JQuery – Wrap

jacklove
Freigeben: 2018-06-11 22:27:38
Original
2489 Leute haben es durchsucht

wrap: Wrap , die Verwendung ist $(a).wrap((b)); Wrap a mit b (jedes Element wird umschlossen)

Zum Beispiel: im Körper Es gibt drei p

	<p>p1</p>
	<p>p2</p>
	<p>p3</p>
Nach dem Login kopieren

Führen Sie nun den Verpackungsvorgang für p aus:

$("p").wrap("<p></p>");
Nach dem Login kopieren

Die entsprechende Ausgabe ist

unwrap : Auspacken

Entpacken Sie nun zum Beispiel die drei P’s oben:

$("p").unwrap();
Nach dem Login kopieren

wrapAll: Alle Elemente werden verpackt (alle Elemente werden in eins verpackt)

Beispiel: Führen Sie die WrapAll-Operation für die oben genannten drei PS aus

$("p").wrapAll("<p></p>");
Nach dem Login kopieren

Die Ausgabe lautet:


wrapInner: innerer Wrapper

Dadurch wird ein neues Element auf der nächsten Ebene innerhalb des Elements neu erstellt und der gesamte Inhalt des übergeordneten Elements Wrap eingefügt ; Schauen Sie sich das Beispiel direkt an:

Jetzt gibt es ein p mit Inhalten und Elementen darin; Die Ausgabe von

<p>p1 <a href="" title="">连接</a></p>
Nach dem Login kopieren

ist:

Aus dieser Sicht die innere Operation in jquery ist sehr klar.

In diesem Artikel wird die DOM-Operation in JQuery erläutert – verwandte Kenntnisse. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.


Verwandte Empfehlungen:

Django verwendet eine Anfrage, um die vom Browser gesendeten Parameter abzurufen


Einige Gedanken zum Reagieren auf diese Bindung

Das Problem der Wertübergabe von übergeordneten Komponenten an untergeordnete Komponenten-Echarts in Vue

Das obige ist der detaillierte Inhalt vonDOM-Operation in JQuery – Wrap. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage