Explication détaillée des méthodes de fonctionnement des nœuds telles que each(), find() et filter() dans jQuery (recommandé)

1.each(callback)

Explication officielle :

Valeur de retour : jQuery

Aperçu

Exécutez une fonction avec chaque élément correspondant comme contexte.

signifie qu'à chaque fois que la fonction transmise est exécutée, le mot-clé this dans la fonction pointe vers un élément DOM différent (un élément correspondant différent à chaque fois). De plus, chaque fois que la fonction est exécutée, une valeur numérique représentant la position de l'élément en tant qu'environnement d'exécution dans l'ensemble d'éléments correspondant est transmise à la fonction en tant que paramètre (un entier commençant à zéro). Renvoyer « false » arrêtera la boucle (tout comme utiliser « break » dans une boucle normale). Renvoyez « true » pour passer à la boucle suivante (tout comme si vous utilisiez « continue » dans une boucle normale).

Paramètres

rappel

Fonction à exécuter pour chaque élément correspondant

Exemple

Description :

Itère sur deux images et définit leur attribut src. Remarque : ici, il s'agit de l'objet DOM plutôt que de l'objet jQuery.

Code HTML :

Code jQuery :

$("img").each(function(i){
this.src = "test" + i + ".jpg";
});

Résultat :

[ <img src="test0.jpg" />, <img src="test1.jpg" /> ]

2.find(expr|obj|ele)

Explication officielle :

Valeur de retour : jQuery

Aperçu

Recherchez tous les éléments qui correspondent à l'expression spécifiée. Cette fonction est un excellent moyen de connaître les éléments descendants de l'élément en cours de traitement.

Toutes les recherches reposent sur des expressions jQuery. Cette expression peut être écrite en utilisant la syntaxe de sélecteur CSS1-3.

Paramètres

expr String
Expression pour trouver
objet jQuery objet
Un objet jQuery pour les éléments correspondants
élément DOMElement
Un élément DOM

Exemple

Description :

Commencez à partir de tous les paragraphes et recherchez davantage les éléments span ci-dessous. Identique à $("p span").

Code HTML :

Bonjour, comment vas-tu ?

Code jQuery :

$("p").find("span")

Résultat :

[ Bonjour

3.filter(expr|obj|ele|fn)

Explication officielle :

Aperçu

Filtrer et spécifier les expressions L'ensemble des éléments correspondant à la formule.

Cette méthode est utilisée pour restreindre la portée de la correspondance. Séparez plusieurs expressions par des virgules

Paramètres

expr String
Valeur de chaîne, contenant des expressions de sélection pour faire correspondre l'ensemble actuel d'éléments.
Objet jQuery
Un objet jQuery existant pour correspondre à l'élément actuel.
element Expression
Un élément DOM utilisé pour faire correspondre les éléments.
function(index) Function
Une fonction est utilisée comme une collection d'éléments de test. Il accepte un index de paramètre, qui est l'index de l'élément de la collection jQuery. Dans les fonctions, cela fait référence à l'élément DOM actuel.

Exemple

Description du sélecteur de paramètres :

Conserver les éléments avec la classe select

Code HTML :

<p>Hello</p><p>Hello Again</p><p class="selected">And Again</p>

Code jQuery :

$("p").filter(".selected")

Résultat :

[

And Again

]

Ce qui précède est each() et find() dans jQuery introduits par l'éditeur et le filtre (. ) et d'autres méthodes de fonctionnement des nœuds, connaissances détaillées (recommandées), j'espère que cela sera utile à tout le monde. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Je voudrais également vous remercier tous pour votre soutien au site Web PHP chinois !

Pour des explications plus détaillées (recommandées) sur les méthodes de fonctionnement des nœuds telles que each(), find() et filter() dans jQuery, veuillez faire attention au site Web PHP chinois !