juqery 学习之三 选择器 可见性 元素属性

2020-05-18 08:46:42易采站长站整理


参数

attribute (String) : 属性名


value (String) : 属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含”]”时,用以避免冲突。


示例

查找所有 name 属性是 newsletter 的 input 元素


HTML 代码:


‘<input type=”checkbox” name=”newsletter” value=”Hot Fuzz” />
<input type=”checkbox” name=”newsletter” value=”Cold Fusion” />
<input type=”checkbox” name=”accept” value=”Evil Plans” />

jQuery 代码:


$(“input[name=’newsletter’]”).attr(“checked”, true);

结果:


[ <input type=”checkbox” name=”newsletter” value=”Hot Fuzz” checked=”true” />, <input type=”checkbox” name=”newsletter” value=”Cold Fusion” checked=”true” /> ]

—————————————————————————————


[attribute!=value]匹配给定的属性是不包含某个特定值的元素

Matches elements that don’t have the specified attribute with a certain value.
返回值

Array<Element>


参数

attribute (String) : 属性名


value (String) : 属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含”]”时,用以避免冲突。


示例

查找所有 name 属性不是 newsletter 的 input 元素


HTML 代码:


‘<input type=”checkbox” name=”newsletter” value=”Hot Fuzz” />
<input type=”checkbox” name=”newsletter” value=”Cold Fusion” />
<input type=”checkbox” name=”accept” value=”Evil Plans” />

jQuery 代码:


$(“input[name!=’newsletter’]”).attr(“checked”, true);

结果:


[ <input type=”checkbox” name=”accept” value=”Evil Plans” checked=”true” /> ]

—————————————————————————————


[attribute^=value]匹配给定的属性是以某些值开始的元素