Maison > interface Web > Questions et réponses frontales > Qu'est-ce que jquery utilise pour le filtrage ?

Qu'est-ce que jquery utilise pour le filtrage ?

WBOY
Libérer: 2022-05-10 15:09:03
original
2035 Les gens l'ont consulté

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.

Qu'est-ce que jquery utilise pour le filtrage ?

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Que utiliser pour le filtrage jquery

Dans jQuery, il existe 5 méthodes de filtrage courantes :

1 Filtrage par nom de classe : hasClass(); à filtrer. Dans jQuery, nous pouvons utiliser la méthode hasClass() pour implémenter le filtrage des noms de classe. Syntaxe : la méthode

$().hasClass("类名")
Copier après la connexion

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();

Le filtrage d'indice fait référence au filtrage basé sur l'indice de la collection d'éléments. Dans jQuery, nous pouvons utiliser la méthode eq() pour implémenter le filtrage en indice. Syntaxe :

$().eq(n)
Copier après la connexion

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();

Le filtrage des jugements fait référence au jugement basé sur certaines conditions, puis à la sélection des éléments qui remplissent les conditions. Dans jQuery, nous pouvons utiliser la méthode is() pour implémenter le filtrage de jugement. Syntaxe :

$().is(selector)
Copier après la connexion

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")
Copier après la connexion

4. Filtrage inversé : not();

Dans jQuery, nous pouvons également utiliser la méthode not() pour filtrer "ne correspond pas". "conditionner" les éléments et renvoyer les éléments restants qui remplissent la condition. Parmi eux, la méthode not() peut utiliser un sélecteur pour filtrer ou une fonction pour filtrer. Syntaxe :

$().not(selector或fn)
Copier après la connexion

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().

Le filtrage d'expression fait référence à l'utilisation d'une « expression personnalisée » pour sélectionner des éléments qui remplissent les conditions. Cette expression personnalisée peut être un sélecteur ou une fonction. Dans jQuery, il existe deux méthodes de filtrage d'expression : l'une est la méthode filter() et l'autre est la méthode has().

Méthode jQuery filter()

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)
Copier après la connexion

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)
Copier après la connexion

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)
Copier après la connexion

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 jQuery

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal