Maison > interface Web > js tutoriel > Quels sont les sélecteurs de filtre d'attribut jquery ?

Quels sont les sélecteurs de filtre d'attribut jquery ?

青灯夜游
Libérer: 2020-11-13 17:12:53
original
3401 Les gens l'ont consulté

Les sélecteurs de filtre d'attribut jquery incluent : "[attribut]", "[attribute=value]", "[attribute*=value]", "[attribute~=value]", "[attribute!= value ]", "[attribut^=valeur]", etc.

Quels sont les sélecteurs de filtre d'attribut jquery ?

[Recommandations associées : Tutoriel vidéo jQuery]

sélecteur de filtre d'attribut jquery

Dans les documents HTML, la balise de début d'un élément contient généralement plusieurs attributs. Dans jQuery, en plus d'utiliser directement les attributs id et class comme sélecteurs, vous pouvez également filtrer les éléments interrogés par le sélecteur en fonction de divers attributs (tels que le titre, etc.)

Le sélecteur de filtrage d'attributs est contenu entre crochets "[]" au lieu de commencer par deux points, en utilisant généralement "select "[Sélecteur de filtre d'attribut]" format de syntaxe, vous pouvez filtrer les éléments interrogés selon qu'ils contiennent des attributs spécifiés ou en fonction des valeurs d'attribut.

1 : Contient le filtre d'attribut "[attribut]"

Utilisé pour sélectionner tous les éléments qui contiennent un attribut donné

Format :

$("selector[attribute]")
Copier après la connexion

2 : Filtre égal d'attribut "[attribute=value]"

Utilisé pour filtrer tous les éléments avec un attribut donné égal à une valeur spécifique

     $("selector[attribute=value]");
Copier après la connexion

Exemple :

$("input[name=accept]").attr("checked", "true");  //将name为accept的复选框选中
Copier après la connexion

3 : L'attribut contient le filtre "[attribut *= valeur]"

Utilisé pour sélectionner tous les éléments dont la valeur d'attribut spécifiée contient la chaîne donnée

Format :

$("selector[attribute*=value]")
Copier après la connexion

Exemple :

$("input[name*='news']").val("name中包含有news的元素");  //将name中包含'news'的文本框添加文本值
Copier après la connexion

4 : L'attribut contient le mot filtre "[attribut ~= valeur]"

Utiliser les éléments de sélection qui contiennent le mot donné (séparé par des espaces) dans la valeur d'attribut spécifiée

Format :

$("selector[attribute~=value]");
Copier après la connexion

Exemple :

$('input[name~='news']').val("name中包含news单词的元素");
Copier après la connexion

5 : L'attribut n'est pas égal au filtrage Outil "[attribut !=valeur]"

Utilisé pour sélectionner tous les éléments qui ne contiennent pas l'attribut spécifié, ou contiennent l'attribut spécifié mais l'attribut n'est pas égal à une valeur

Format :

$("selector[attribute!=value]")
Copier après la connexion

6 : Filtre de début d'attribut "[attribut ^= valeur]"

Utilisé pour sélectionner tous les éléments où un attribut donné commence par une valeur spécifique

Format :

$("selector[attribute^=value]")
Copier après la connexion

7 : Filtre de fin d'attribut "[attribut $= valeur]"

Utilisé pour sélectionner si un attribut donné se termine par un value Tous les éléments

Format :

$("selector[attribute$=value]")
Copier après la connexion

8 : Filtre d'attribut composite

Utilisé pour sélectionner tous les éléments

qui remplissent plusieurs conditions en même temps heure

Format :

$("selector[selector1][selector2]...[selector[N]")
Copier après la connexion

Exemple :

$("input[id][name^='news']").val("复合条件")//用于选择包含有id属性并且name值以'news'开头的文本框,并对其值进行设置
Copier après la connexion

Pour plus de connaissances liées à la programmation, veuillez visiter : Vidéo de programmation ! !

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