Maison  >  Article  >  interface Web  >  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
WBOYoriginal
2016-05-16 16:47:381130parcourir

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">