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><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 für Elemente mit bestimmten Attributen
$("p[id]").addClass("highlight"); //查找所有含有ID属性的p元素
2. Verwendung von [Attribut=Wert]
Definition: Entspricht dem angegebenen Das Attribut des Elements
$("input[name='basketball']").attr("checked",true); //name属性值为basketball的input元素选中3. [Attribut!=Wert] Verwendung
Definition: Dem angegebenen Attribut entspricht 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. Verwendung von [Attribut^=Wert]
Definition: Entspricht dem angegebenen Attribut, das mit einem Element beginnt
$("input[name^='foot']").attr("checked",true); //查找所有 name 以 'foot' 开始的 input 元素5. [attribute$ =value] Verwendung
Definition: Elemente abgleichen, deren Attribute mit bestimmten Werten enden
$("input[name$='ball']").attr("checked",true); //查找所有 name 以 'ball' 结尾的 input 元素6 . [Attribut*=Wert] Verwendung
Definition: Ein bestimmtes Attribut einem Element zuordnen, das einen bestimmten Wert enthält
$("input[name*='sket']").attr("checked",true); //查找所有 name 包含 'sket' 的 input 元素7. [selector1][selector2][selectorN] Verwendung
Definition: zusammengesetzter Attributselektor , wird verwendet, wenn mehrere Bedingungen gleichzeitig erfüllt sein müssen gleichzeitig
Das obige ist der detaillierte Inhalt vonAttributfilterselektor in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
