Quels sont les sélecteurs de jquery ? Introduction aux quatre sélecteurs de jquery

Combien de types de sélecteurs jquery existe-t-il ? Je pense que vous en savez peut-être quelque chose, donc cet article vous apporte une brève introduction à ce que sont les sélecteurs jquery et à ce que sont les sélecteurs jquery. J'espère que ce sera le cas. utile pour vous.

1 : Le rôle du sélecteur

Récupérer les éléments de balise au-dessus de la page Web, etc., puis effectuer une série d'opérations dessus (ajouter des styles, ajouter des comportements... . )

2 : Quels sont les sélecteurs

Sélecteur de base, sélecteur hiérarchique, sélecteur de filtre, sélecteur de formulaire

1 : Sélecteur de base
Le sélecteur de base est le sélecteur le plus couramment utilisé dans jquery, et c'est également le sélecteur le plus simple. Il peut rechercher
éléments DOM via l'identifiant de l'élément, la classe et le nom de la balise. (dans la page Web, l'identifiant ne peut être utilisé qu'une seule fois, l'identifiant est unique, mais la classe peut être utilisée à plusieurs reprises)

1. Sélecteur d'identifiant

Utilisation : $("#id name"); Renvoie une collection d'éléments uniques

2. classe (sélecteur de classe)

Utilisation : $(". class") ; Renvoie les éléments de la collection

Explication : .class est le nom du style

3. élément (sélecteur de balise)

Utilisation : $("span,p,p") ; Renvoie les éléments de la collection

4, $("*") : Renvoie les éléments de la collection, fait correspondre tous les éléments

2 : Sélecteur hiérarchique

1 : parent enfant : ancêtres et descendants

Trois : sélecteur de filtre

Sélecteur de filtre de base (également le sélecteur de filtre le plus couramment utilisé)

:not(select)

Utilisation : $(input:not(select)) Renvoie l'élément de collection

Description : Supprimez tous les éléments correspondant au sélecteur donné. Un peu similaire à "not"

:first Trouver le premier élément

:last Trouver le dernier élément

:odd Faire correspondre l'élément dont l'indice est la base

:even Correspond aux éléments avec des indices pairs

:eq("subscript") Correspond aux éléments avec des indices spécifiés

:gt("subscript") Correspond aux valeurs d'index supérieures à l'indice donné éléments (à l'exclusion de lui-même)

:lt("subscript") Fait correspondre les éléments avec des valeurs d'index inférieures à la valeur d'index donnée (à l'exclusion de lui-même)

Sélecteur de filtre de contenu

 : contient ("contenu du texte") Si l'élément correspondant contient le contenu du texte spécifié

 : has (élément d'étiquette) // Correspond aux éléments qui contiennent l'élément correspondant par le sélecteur

 : vide // Faire correspondre les éléments avec un contenu vide

 : parent // Faire correspondre les éléments avec des éléments enfants ou du texte

Sélecteur de filtre d'attribut

[attribut=value] : Le sélecteur de filtre d'attribut consiste à obtenir l'élément correspondant via l'attribut de l'élément

Par exemple :

$("input[name='chk']").attr("checked", true);

--changez simplement le nom en chk Le coché la case à cocher renvoie une collection
avec l'attribut modifié en vrai

sélecteur de filtre de visibilité

 : caché pour filtrer les éléments cachés ( type="hidden", css : display="none")

 : visible Filtrer les éléments visibles

Sélecteur de filtre d'élément enfant

 : nth-child(index/even/ impair/équation)

Remarque : la valeur de l'index ici commence à partir de 1 et l'équation commence à 0

 : premier enfant Trouver le premier élément enfant

：dernier enfant Rechercher le dernier élément enfant

：enfant unique Faire correspondre les éléments avec un seul élément enfant

Sélecteur de filtre d'attribut d'objet de formulaire

 : désactivé Filtrer les éléments indisponibles

 : activé Filtrer les éléments disponibles

 : coché Filtrer les cases sélectionnées

 : sélectionné Liste déroulante Filtrer L'élément sélectionné

L'opération DOM consiste à ajouter , supprimer, modifier et vérifier des éléments

Recommandations associées :

Introduction au sélecteur jquery

sélecteur jquery (sélecteur couramment utilisé description)_jquery

Sélecteur JQuery spécial résumé détaillé_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!