Heim > Artikel > Web-Frontend > Detaillierte Erläuterung des Attributfilterselektors in jquery

Detaillierte Erläuterung des Attributfilterselektors in jquery

巴扎黑Original: 2017-06-20 17:02:131284Durchsuche

In diesem Artikel wird hauptsächlich der AttributFilterselektor des jquery-Selektors vorgestellt. Ich hoffe, dass er für alle hilfreich ist

Der Code lautet wie folgt:

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

Der Code lautet wie folgt:

<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>

1. [Attribut] Verwendung
Definition: Übereinstimmung enthält Der Code des Elements

mit einem bestimmten Attribut lautet wie folgt:

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

2 [attribute=value] Verwendung
Definition: Übereinstimmung mit dem angegebenen Attribut. Der Code für ein Element mit einem bestimmten Wert

lautet wie folgt:

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

3 ] Verwendung
Definition: Übereinstimmung mit dem angegebenen Attribut ist ein Element, das keinen bestimmten Wert enthält

Der Code lautet wie folgt:

$("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. [Attribut^=Wert] Verwendung
Definition: Übereinstimmung mit dem angegebenen Attribut, das mit einem Wert beginnt

Der Code lautet wie folgt:

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

5. [attribute$=value] Verwendung
Definition: Elemente abgleichen, bei denen ein bestimmtes Attribut mit einem bestimmten Wert endet

Der Code lautet wie folgt:

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

6. [Attribut*=Wert [ Selektor1][Selektor2][SelektorN] Verwendung
Definition: zusammengesetzter Attributselektor
, verwenden Sie

wenn mehrere Bedingungen gleichzeitig erfüllt sein müssen. Der Code lautet wie folgt:

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

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung des Attributfilterselektors in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Besprechen Sie ausführlich den Unterschied und die Beziehung zwischen ID-Selektor und Klassenselektor in JQueryNächster Artikel：Besprechen Sie ausführlich den Unterschied und die Beziehung zwischen ID-Selektor und Klassenselektor in JQuery

In Verbindung stehende Artikel

Mehr sehen