Maison > interface Web > js tutoriel > le corps du texte

Explication détaillée du sélecteur de filtre d'attribut dans jquery

巴扎黑
Libérer: 2017-06-20 17:02:13
original
1291 Les gens l'ont consulté

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

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


[attribut] Utilisation
<🎜. >Définition : La correspondance contient Le code de l'élément

avec un certain attribut est le suivant :

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

[attribut=valeur] Utilisation
Définition : La correspondance avec l'attribut donné est Le code d'un élément avec une valeur spécifique

est le suivant :

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

3. ] utilisation
définition : correspond à ce qui est donné L'attribut 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);
Copier après la connexion

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

Le code est le suivant :

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

5. [attribute$=value] Utilisation
Définition : faire correspondre les éléments où un attribut donné se termine par une certaine valeur

Le code est le suivant :

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

6. [attribut*=valeur [ selector1][selector2][selectorN] utilisation
définition : composite
sélecteur d'attribut
, utilisez

lorsque plusieurs conditions doivent être remplies en même temps Le code est le suivant :
$("input[name*=&#39;sket&#39;]").attr("checked",true);  //查找所有 name 包含 &#39;sket&#39; 的 input 元素
Copier après la connexion

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