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 :

79d7c95122630a3791db16c5259dc98d79d7c95122630a3791db16c5259dc98d

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 :

e388a4556c0f65e1904146cc1a846bee45a2772a6b6107b401db3c9b82c049c2Bonjour54bdf357c58b8a65c66d7c19c8e4d114, comment vas-tu ?94b3e26ee717c64999d7867364b1b4a3

Code jQuery :

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

Résultat :

[ 45a2772a6b6107b401db3c9b82c049c2Bonjour2458759fa340cf953104b04652f02b97And Again94b3e26ee717c64999d7867364b1b4a3 ]

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 !