指定元素中包含 id 属性的, 如: $("span[id]")
复制代码 代码如下:
<span>AAA</span><br/>
<span>BBB</span><br/>
<span>CCC</span><br/>
<span>DDD</span><br/>
<div>EEE</div>
<div>FFF</div>
指定元素中不包含 id 属性的, 如: $("span:not(span[id])") 或 $("span:not([id])")
复制代码 代码如下:
<span>AAA</span><br/>
<span>BBB</span><br/>
<span>CCC</span><br/>
<span>DDD</span><br/>
<div>EEE</div>
<div>FFF</div>
包含 id 属性的, 如: $("body [id]")
复制代码 代码如下:
<span>AAA</span><br/>
<span>BBB</span><br/>
<span>CCC</span><br/>
<span>DDD</span><br/>
<div>EEE</div>
<div>FFF</div>
符合元素值的, 如: $("span[name='S2']")
复制代码 代码如下:
<span>AAA</span><br/>
<span>BBB</span><br/>
<span>CCC</span><br/>
<span>DDD</span><br/>
<div>EEE</div>
<div>FFF</div>
不符合元素值的, 如: $("span[name!='S2']")
复制代码 代码如下:
<span>AAA</span><br/>
<span>BBB</span><br/>
<span>CCC</span><br/>
<span>DDD</span><br/>
<div>EEE</div>
<div>FFF</div>
元素值开头是?, 如: $("span[name^='S']")
复制代码 代码如下:
<span>AAA</span><br/>
<span>BBB</span><br/>
<span>CCC</span><br/>
<span>DDD</span><br/>
<div>EEE</div>
<div>FFF</div>
元素值结尾是?, 如: $("html [name$='1']")
复制代码 代码如下:
<span>AAA</span><br/>
<span>BBB</span><br/>
<span>CCC</span><br/>
<span>DDD</span><br/>
<div>EEE</div>
<div>FFF</div>
元素值包含?, 如: $("body [name*='x']")
复制代码 代码如下:
<span>AAA</span><br/>
<span>BBB</span><br/>
<span>CCC</span><br/>
<span>DDD</span><br/>
<div>EEE</div>
<div>FFF</div>
多个属性条件, 如(有 id 且 name 开始是 "D"): $("body [id][name^='D']")
复制代码 代码如下:
<span>AAA</span><br/>
<span>BBB</span><br/>
<span>CCC</span><br/>
<span>DDD</span><br/>
<div>EEE</div>
<div>FFF</div>
查找包含 "AB" 的 span: $("span:contains('AB')")
复制代码 代码如下:
<span>ABC</span><br/>
<span><b>ABC</b></span><br/>
<span></span>
<div>
<span>ABC</span><br/>
<span><b>ABC</b></span><br/>
<span></span>
</div>
从 div 中查找包含 "AB" 的 span: $("div span:contains('AB')")
复制代码 代码如下:
<span>ABC</span><br/>
<span><b>ABC</b></span><br/>
<span></span>
<div>
<span>ABC</span><br/>
<span><b>ABC</b></span><br/>
<span></span>
</div>
查找包含 的 span: $("span:has('b')")
复制代码 代码如下:
<span>ABC</span><br/>
<span><b>ABC</b></span><br/>
<span></span>
<div>
<span>ABC</span><br/>
<span><b>ABC</b></span><br/>
<span></span>
</div>
查找空的 span: $("span:empty")
复制代码 代码如下:
<span>ABC</span><br/>
<span><b>ABC</b></span><br/>
<span></span>
<div>
<span>ABC</span><br/>
<span><b>ABC</b></span><br/>
<span></span>
</div>
查找非空的(也就是作为父元素的) span: $("span:parent")
复制代码 代码如下: