Notes jQuery sur les événements jQuery DOM couramment utilisés_jquery

Dom est l'abréviation de Document Object Model, qui signifie modèle objet de document. DOM est une interface indépendante des navigateurs, des plates-formes et des langages. Vous pouvez utiliser cette interface pour accéder facilement à tous les composants standard de la page.

Les opérations DOM peuvent être divisées en trois aspects : DOM Core, HTM-DOM et CSS-DOM.

Méthodes des éléments DOM jQuery

Fonction	Description
.get()	Récupère l'élément DOM spécifié par le sélecteur.
.index()	Renvoie la position d'index de l'élément spécifié par rapport aux autres éléments spécifiés.
.size()	Renvoie le nombre d'éléments correspondant au sélecteur jQuery.
.toArray()	Renvoie les éléments correspondants par le sélecteur jQuery sous forme de tableau.

1.attr() .removeAttr()

La méthode

.attr() peut transmettre un paramètre d'une paire nom-valeur, ou un paramètre d'objet contenant plus de deux paires nom-valeur, par exemple :

.attr('src','images/a.jpg');

.attr({
 rel:'www',
 id:'zz',
 title:'some',
 some:'111'
});

Bien sûr, vous pouvez également supprimer un ou plusieurs attributs.removeAttr('id rel');

2.prop()

Cette méthode peut obtenir la valeur de l'attribut

Transmettez le nom de l'attribut (chaîne) de la valeur que vous souhaitez obtenir, tel que .prop('id');

Définissez la valeur de id (modifiez les attributs qui existent dans le DOM lui-même tels que le href et l'id de la balise a)
.prop('id','otherid');

3.val()

Cette méthode est souvent utilisée pour obtenir la valeur des contrôles de formulaire

4.insertBefore() .insertAfter() .prependTo() .appendTo()

.insertBefore() ajoute du contenu en dehors et avant les éléments existants (opération inverse .before())
.insertAfter() ajoute du contenu à l'extérieur et après l'élément existant (opération inverse .after())
.prependTo() ajoute du contenu à l'intérieur et avant les éléments existants (opération inverse .prepend())
.appendTo() ajoute du contenu à l'intérieur et après l'élément existant (opération inverse .append())

5.clone()

Cette méthode peut copier l'élément copié. Si vous avez besoin que l'élément copié hérite d'autres événements, vous devez transmettre une valeur booléenne en tant que paramètre, .clone(true)

6.wrap() .wrapAll() .wrapInner()

.wrap() et .wrapInner() peuvent être compris comme relatifs. .wrap() est enveloppé d'une couche à l'extérieur de l'élément, tandis que .wrapWith() est enveloppé d'une couche à l'intérieur de l'élément,

Et .wrapAll() enveloppe tous les éléments correspondants

7.html() .text() .replaceWith() .replaceAll()

.html() peut transmettre du texte ou des nœuds DOM ;

.text() ne peut lire ou remplacer que du texte ;

.replaceWith(). . . Remplacez "dans". . . ;

.replaceAll(). . . Remplacez "donner". . .

8.empty()

Supprimer l'élément

9.detach() .remove()

Ces deux méthodes sont quelque peu similaires, aucune ne supprimera les éléments correspondants de l'objet jQuery, mais il existe quand même des différences :

.detach() Tous les événements liés, données supplémentaires, etc. seront conservés

.remove() En plus de l'élément lui-même conservé, d'autres éléments tels que
Les événements liés, les données jointes, etc. seront supprimés.