Maison > interface Web > Questions et réponses frontales > Opération DOM dans JQuery - wrap

Opération DOM dans JQuery - wrap

jacklove
Libérer: 2018-06-11 22:27:38
original
2486 Les gens l'ont consulté

wrap : wrap , l'utilisation est $(a).wrap((b)); envelopper a avec b (chaque élément sera enveloppé)

Par exemple : dans le corps Il y a trois p

	<p>p1</p>
	<p>p2</p>
	<p>p3</p>
Copier après la connexion

Effectuez maintenant l'opération d'emballage sur p :

$("p").wrap("<p></p>");
Copier après la connexion

La sortie correspondante est

<🎜. >

déballer : Déballer :

Par exemple, déballez maintenant les trois p ci-dessus :

$("p").unwrap();
Copier après la connexion

wrapAll : envelopper tous les éléments (tous les éléments seront enveloppés en un seul)

Par exemple : effectuez l'opération wrapAll sur les trois ps ci-dessus

$("p").wrapAll("<p></p>");
Copier après la connexion
Voir la sortie est :


wrapInner : wrapper interne

qui en reconstruit un nouveau au niveau suivant à l'intérieur de l'élément element, envelopper tout le contenu de l'élément parent ; regardez directement l'exemple :

Maintenant, il y a un p avec du contenu et des éléments à l'intérieur

<p>p1 <a href="" title="">连接</a></p>
Copier après la connexion
Nous effectuons

wrapInner< dessus 🎜 ; > Opération :

La sortie est :
$("p").wrapInner(&#39;<p></p>&#39;);
Copier après la connexion



comme ceci Il semble que le fonctionnement interne de jquery soit très clair.

Cet article explique le fonctionnement du DOM dans JQuery - wrap connaissances liées Pour plus de contenu connexe, veuillez faire attention au site Web chinois php.

Recommandations associées :

Django utilise la requête pour obtenir les paramètres envoyés par le navigateur

Quelques réflexions sur React this liaison


Le problème de la transmission de la valeur du composant parent aux graphiques du composant enfant dans Vue

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal