Explication détaillée des exemples d'utilisation des opérations find() et filter() dans jQuery

find(expr|obj|ele)

Explication officielle :

Valeur de retour : jQuery

Aperçu

Recherchez tous les éléments qui correspondent à une 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 pour les éléments correspondants objet jQuery
element DOMElement
Un élément DOM

Exemple

Description :

Commencez par tous les paragraphes et recherchez plus loin les éléments span ci-dessous. Identique à $("p span").

Code HTML :

<p><span>Hello</span>, how are you?</p>

Code jQuery :

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

Résultat :

[ 45a2772a6b6107b401db3c9b82c049c2Bonjour54bdf357c58b8a65c66d7c19c8e4d114 ]

filtre(expr|obj|ele|fn )

Explication officielle :

Aperçu

Filtrer les éléments qui correspondent à l'expression spécifiée .

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 sélecteurs pour faire correspondre l'ensemble actuel d'expressions 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 :

Réserver avec la classe sélectionnée Element

Code HTML :

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

Code jQuery :

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

Résultat :

[ 27ec8ff0d0eb2aeaabbd785252528076Et encore94b3e26ee717c64999d7867364b1b4a3

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!