Maison > Article > interface Web > Sélecteur de filtre d'attribut dans jquery

Sélecteur de filtre d'attribut dans jquery

巴扎黑original: 2017-06-21 10:16:281804parcourir

Cet article présente principalement le sélecteur de filtre attribut du sélecteur jquery Les amis qui en ont besoin peuvent venir s'y référer, j'espère qu'il sera utile à tout le monde

Le code est le suivant :

<style type="text/css">
  /*高亮显示*/
  .highlight{   
   
background-color
: gray
  }
 </style>

Le code est le suivant :

<body>
   <p>
      <p>Hello</p>
   </p>
   <p id="test">ID为test的p</p>
   <input type="checkbox" id="s1" name="football" value="足球" />足球
   <input type="checkbox" name="volleyball" value="排球" />排球
   <input type="checkbox" id="s3" name="basketball" value="篮球" />篮球
   <input type="checkbox" id="s4" name="other" value="其他" />其他
  </body>

[attribut] Utilisation
Définition : La correspondance contient Le code des éléments avec certains attributs

est le suivant :

$("p[id]").addClass("highlight"); //查找所有含有ID属性的p元素

2. Utilisation de [attribut=valeur]
définition : correspond à ce qui est donné. L'attribut de l'élément

est le suivant :

$("input[name=&#39;basketball&#39;]").attr("checked",true);   //name属性值为basketball的input元素选中

[attribut!=valeur] utilisation définition : Correspondant à l'attribut donné est un élément qui ne contient pas de valeur spécifique

Le code est le suivant :

$("input[name!=&#39;basketball&#39;]").attr("checked",true);   //name属性值不为basketball的input元素选中 
//此选择器等价于:not([attr=value])要匹配含有特定属性但不等于特定值的元素，请使用[attr]:not([attr=value])
$("input:not(input[name=&#39;basketball&#39;])").attr("checked",true);

4. Utilisation de [attribut^=valeur]
Définition : correspond à l'attribut donné qui commence par un élément

Le code est le suivant :

$("input[name^=&#39;foot&#39;]").attr("checked",true);  //查找所有 name 以 &#39;foot&#39; 开始的 input 元素

5. [attribute$ =value] Utilisation

Définition : faire correspondre les éléments dont les attributs se terminent par certaines valeurs

Le code est le suivant :

$("input[name$=&#39;ball&#39;]").attr("checked",true); //查找所有 name 以 &#39;ball&#39; 结尾的 input 元素

6 . [attribute*=value] Utilisation

Définition : Faire correspondre un attribut donné à un élément contenant une certaine valeur

Le code est le suivant :

$("input[name*=&#39;sket&#39;]").attr("checked",true);  //查找所有 name 包含 &#39;sket&#39; 的 input 元素

7. Utilisation de [selector1][selector2][selectorN]

définition : composite
sélecteur d'attribut , utilisé lorsque plusieurs conditions doivent être remplies au niveau en même temps
Le code est le suivant :

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

Article précédent：Résumé de l'utilisation du sélecteur querySelector dans jQueryArticle suivant：Résumé de l'utilisation du sélecteur querySelector dans jQuery

Articles Liés

Voir plus