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

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

青灯夜游
青灯夜游original
2020-11-13 17:12:533370parcourir

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]")

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]");

Exemple :

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

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]")

Exemple :

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

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]");

Exemple :

$('input[name~='news']').val("name中包含news单词的元素");

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]")

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]")

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]")

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]")

Exemple :

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

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!

Déclaration:
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