jQuery属性选择器

6.jQuery属性选择器

6.1：[attribute]
匹配包含给定属性的元素。注意，在jQuery 1.3中，前导的@符号已经被废除！如果想要兼容最新版本，只需要简单去掉@符号即可
用法

<div>
  <p>Hello!</p>
</div>
<div id="test2"></div>

jQuery 代码:$("div[id]")

结果:[ <div id="test2"></div> ]

6.2：[attribute=value]
返回值:Array<Element(s)>[attribute=value]
匹配给定的属性是某个特定值的元素

<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" /> ]

6.3：[attribute!=value]
匹配所有不含有指定的属性，或者属性不等于特定值的元素。此选择器等价于 :not([attr=value]) 要匹配含有特定属性但不等于特定值的元素，请使用[attr]:not([attr=value])

<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" /> ]

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

<input name="newsletter" />
<input name="milkman" />
<input name="newsboy" />

jQuery 代码:
$("input[name^='news']")

结果:
[ <input name="newsletter" />, <input name="newsboy" /> ]

6.5：[attribute$=value]返回值:Array<Element(s)>[attribute$=value]

匹配给定的属性是以某些值结尾的元素

<input name="newsletter" />
<input name="milkman" />
<input name="jobletter" />

jQuery 代码:
$("input[name$='letter']")

结果:
[ <input name="newsletter" />, <input name="jobletter" /> ]

6.6：[attribute*=value]
匹配给定的属性是以包含某些值的元素

<input name="man-news" />
<input name="milkman" />
<input name="letterman2" />
<input name="newmilk" />

jQuery 代码:
$("input[name*='man']")

结果:
[ <input name="man-news" />, <input name="milkman" />, 
<input name="letterman2" /> ]

6.7：[selector1][selector2][selectorN]
复合属性选择器，需要同时满足多个条件时使用。

<input id="man-news" name="man-news" />
<input name="milkman" />
<input id="letterman" name="new-letterman" />
<input name="newmilk" />

jQuery 代码:
$("input[id][name$='man']")

结果:
[ <input id="letterman" name="new-letterman" /> ]