Maison > interface Web > js tutoriel > Comment créer, puis modifier, puis ajouter des éléments DOM avec jQuery_jquery

Comment créer, puis modifier, puis ajouter des éléments DOM avec jQuery_jquery

WBOY
Libérer: 2016-05-16 16:47:38
original
1159 Les gens l'ont consulté

Comment manipuler des éléments du DOM d’un seul coup, à la volée ?

Par exemple, exécutez trois actions dans l'ordre [Créer]->

Étant donné que jQuery prend en charge les opérations en chaîne, qui est en fait le mode constructeur du mode conception, nous pouvons enchaîner trois opérations pour les exécuter.

Créez d'abord un élément p dont le contenu contient un élément a.

Copier le code Le code est le suivant :

$('

< a>jQuery< ;/a>

')

Ajoutez ensuite un attribut href à l'élément a
Copier le code Le code est le suivant :

$('

jQuery

').find(' a').attr(' href', 'http://www.jquery.com')

Enfin, ajoutez l'élément p nouvellement ajouté au corps
Copiez le code Le code est le suivant :

$('

jQuery< ;/p>').find(' a').attr('href', 'http://www.jquery.com').end().appendTo('body')


Notez que cet endroit doit exécuter l'opération end(), sinon l'élément ajouté au corps n'est pas un élément p mais devient un élément a dans l'élément p.

En fait, l'opération end() ne peut pas être assimilée à une annulation. Elle renvoie la sélection précédente, mais cette sélection a été modifiée par l'opération avant end.
Copier le code Le code est le suivant :



text/javascript " src="jquery-1.11.1.js">
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal