属性选择器
[attribute] 匹配包含给定属性的元素。 [attribute=value] 匹配给定的属性是某个特定值的元素 [attribute!=value] 匹配所有不含有指定的属性,或者属性不等于特定值的元素。 [attribute^=value] 匹配给定的属性是以某些值开始的元素 [attribute$=value] 匹配给定的属性是以某些值结尾的元素 [attribute*=value] 匹配给定的属性是以包含某些值的元素 [selector1][selector2][selectorN] 复合属性选择器,需要同时满足多个条件时使用。
举例说明
html代码
<div class="left" id="aa1">
<div class="aaron" id="aa7">
<p id="aa5" title="dd">div下的第一个p元素</p>
</div>
</div>
<div class="bottom" id="aa2" title="">
<span class="prev" id="aa6">选择span器元素</span>
<div id="aa3">兄弟节点div
<div class="small" id="aa4" title="ss">子元素div</div>
</div>
</div>
script:
$("[title!=ss]").each(function(){
console.log($(this).attr("id"))
})
结果与说明:
aa1
aa7
aa5
aa2
aa6
aa3
[attribute!=value]不仅仅是筛选属性不等于特定值的元素,也筛选不包含该属性的元素