jQuery属性过滤选择器

[attribute]

描述：查找所有含有 id 属性的 div 元素

HTML代码

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

jQuery代码

$("div[id]")

结果

[ <div id="test2"></div> ]

[attribute=value]

描述：查找所有 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]

描述：查找所有 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]

描述：查找所有 name 以 'news' 开始的 input 元素

HTML代码

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

jQuery代码

$("input[name^='news']")

结果

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

[attribute$=value]

描述：查找所有 name 以 'letter' 结尾的 input 元素

HTML代码

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

jQuery代码

$("input[name$='letter']")

结果

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

[attribute*=value]

描述：查找所有 name 包含 'man' 的 input 元素

HTML代码

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

[attrSel1][attrSel2][attrSelN]

描述：找到所有含有 id 属性，并且它的 name 属性是以 man 结尾的input元素

HTML代码

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

摘自 jQuery API 文档