属性选择器
复制代码
1
2
[attribute] 匹配包含给定属性的元素。 [attribute=value] 匹配给定的属性是某个特定值的元素 [attribute!=value] 匹配所有不含有指定的属性，或者属性不等于特定值的元素。 [attribute^=value] 匹配给定的属性是以某些值开始的元素 [attribute$=value] 匹配给定的属性是以某些值结尾的元素 [attribute*=value] 匹配给定的属性是以包含某些值的元素 [selector1][selector2][selectorN] 复合属性选择器，需要同时满足多个条件时使用。
举例说明
html代码
复制代码
script:
1
2
3
4
5
6
7
8
9
10
11
12<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>
复制代码
1
2
3$("[title!=ss]").each(function(){ console.log($(this).attr("id")) })
结果与说明：
复制代码
[attribute!=value]不仅仅是筛选属性不等于特定值的元素，也筛选不包含该属性的元素
1
2
3
4
5
6aa1 aa7 aa5 aa2 aa6 aa3
最后
以上就是靓丽帆布鞋最近收集整理的关于jQuery筛选器--属性选择器的全部内容，更多相关jQuery筛选器--属性选择器内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复