Méthodes de filtrage : 1. Utilisez ".hasClass("Class Name")" pour filtrer les noms de classe ; 2. Utilisez ".eq(n)" pour filtrer les indices ; 3. Utilisez ".is(selector)" pour filtrer. Jugement ; 4. Utilisez ".not (sélecteur ou fonction)" pour inverser le filtre ; 5. Utilisez ".filter (sélecteur ou fonction)" pour filtrer les expressions.
L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.
Dans jQuery, il existe 5 méthodes de filtrage courantes :
$().hasClass("类名")
hasClass() est généralement utilisée pour déterminer si l'élément contient le nom de classe spécifié : si c'est le cas, il renvoie vrai ; si ce n'est pas le cas, il renvoie faux.
2. Filtrage d'indice : eq();
$().eq(n)
n est un entier. Lorsque n prend la valeur 0 ou un entier positif, eq(0) obtient le 1er élément, eq(1) obtient le 2ème élément,..., et ainsi de suite. Lorsque n est un entier négatif, eq(-1) obtient le premier élément du dernier, eq(-2) obtient le deuxième élément du dernier,..., et ainsi de suite.
3. Filtrage des jugements : is();
$().is(selector)
Le sélecteur de paramètres est un sélecteur. La méthode is() est utilisée pour déterminer s'il existe un élément qui remplit les conditions dans la collection d'éléments actuellement sélectionnée : s'il existe, il renvoie vrai ; s'il n'existe pas, il renvoie faux ; La méthode
is() est très simple à utiliser. Sa capacité à être utilisée déterminera directement si votre code est efficace. Lorsque vous développez avec jQuery, il n'y a rien que vous ne puissiez faire, seulement des choses que vous ne pouvez pas imaginer. Vous trouverez ci-dessous les codes de fonction courants de la méthode is() :
//判断元素是否可见 $().is(":visible") //判断元素是否处于动画中 $().is(":animated") //判断单选框或复选框是否被选中 $().is(":checked") //判断当前元素是否为第一个子元素 $(this).is(":first-child") //判断文本中是否包含jQuery这个词 $().is(":contains('jQuery')") //判断是否包含某些类名 $().is(".select")
4. Filtrage inversé : not();
$().not(selector或fn)
Lorsque le paramètre de la méthode not() est un sélecteur, cela signifie utiliser le sélecteur pour filtrer les éléments qui ne remplissent pas les conditions, puis sélectionner les éléments restants. Lorsque le paramètre de la méthode not() est une fonction, cela signifie utiliser la fonction pour filtrer les éléments qui ne remplissent pas les conditions, puis sélectionner les éléments restants.
5. Filtrage d'expressions : filter(), has().
Dans jQuery, la méthode filter() est une méthode de filtrage très puissante. Elle peut utiliser des sélecteurs pour filtrer ou des fonctions pour filtrer. 1) Filtrage du sélecteur
Le filtrage du sélecteur fait référence à l'utilisation d'un sélecteur pour sélectionner des éléments qui répondent aux conditions.
Syntaxe :
$().filter(selector)
Le sélecteur de paramètres est un sélecteur.
2) Filtrage de fonction
Le filtrage de fonction fait référence à la sélection d'éléments qui remplissent les conditions en fonction de la valeur de retour de la fonction.
Syntaxe :
$().filter(fn)
Parameter fn est une fonction de rappel. La méthode
filter() est très puissante et comprend presque toutes les fonctions des méthodes de filtrage apprises précédemment. Cependant, c’est précisément parce qu’il y a trop de choses encapsulées dans la méthode filter() qu’elle s’exécute très lentement. Par conséquent, dans le développement réel, il est recommandé de donner la priorité aux autres méthodes de filtrage et d'utiliser la méthode filter() en dernier recours.
Méthode jQuery has()Dans jQuery, en plus d'utiliser la méthode filter() pour le filtrage des expressions, nous pouvons également utiliser la méthode has(). Bien que la méthode has() ne soit pas aussi puissante que la méthode filter(), elle s’exécute plus rapidement. Syntaxe :
$().has(selector)
Le sélecteur de paramètres est un sélecteur.
La méthode has() a des fonctions similaires à la méthode filter(), mais la méthode has() ne peut utiliser que des sélecteurs pour filtrer, pas des fonctions. Par conséquent, nous pouvons considérer la méthode has() comme une version simplifiée de la méthode filter().
Tutoriels vidéo associés recommandés :
Tutoriel vidéo jQueryCe 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!