Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung des Attributfilterselektors in jquery
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
$("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
$("input[name='basketball']").attr("checked",true); //name属性值为basketball的input元素选中
3 ] Verwendung
Definition: Übereinstimmung mit dem angegebenen Attribut ist ein Element, das keinen bestimmten Wert enthält
$("input[name!='basketball']").attr("checked",true); //name属性值不为basketball的input元素选中 //此选择器等价于:not([attr=value])要匹配含有特定属性但不等于特定值的元素,请使用[attr]:not([attr=value]) $("input:not(input[name='basketball'])").attr("checked",true);
4. [Attribut^=Wert] Verwendung
Definition: Übereinstimmung mit dem angegebenen Attribut, das mit einem Wert beginnt
$("input[name^='foot']").attr("checked",true); //查找所有 name 以 'foot' 开始的 input 元素
5. [attribute$=value] Verwendung
Definition: Elemente abgleichen, bei denen ein bestimmtes Attribut mit einem bestimmten Wert endet
$("input[name$='ball']").attr("checked",true); //查找所有 name 以 'ball' 结尾的 input 元素
6. [Attribut*=Wert [ Selektor1][Selektor2][SelektorN] Verwendung
Definition: zusammengesetzter Attributselektor
, verwenden Sie
$("input[name*='sket']").attr("checked",true); //查找所有 name 包含 'sket' 的 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!