jquery属性过滤选择器有哪些？-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

jquery属性过滤选择器有：“[attribute]”、“[attribute=值]”、“[attribute*=值]”、“[attribute~=值]”、“[attribute!=值]”、“[attribute^=值]”等等。

【相关推荐：jQuery视频教程】

jquery属性过滤选择器

在HTML文档中，元素的开始标记中通常包含有多个属性(attribute), 在jQuery中，除了直接使用id和class属性作为选择器之外，还可以根据各种属性（如title等）对由选择器查询到的元素进行过滤

属性过滤选择器包含了在中括号"[]"中，而不是以冒号开头，通常使用"选择器[属性过滤选择器]"语法格式，可以根据是否包含指定属性或者根据属性值从查询到的元素中进行筛选。

1：包含属性过滤器“[attribute]”

用于选择包含给定属性的所有元素

格式:

1	`$("selector[attribute]")`

2：属性等于过滤器“[attribute=value]”

用于筛选给定属性等于某特定值的所有元素

1	`$("selector[attribute=value]");`

例子：

1	`$("input[name=accept]").attr("checked",` `"true");` `//将name为accept的复选框选中`

3：属性包含过滤器“[attribute *= value]”

用于选择指定属性值包含给定字符串的所有元素

格式:

1	`$("selector[attribute*=value]")`

例子:

1	`$("input[name*='news']").val("name中包含有news的元素");` `//将name中包含'news'的文本框添加文本值`

4：属性包含单词过滤器“[attribute ~= value]”

用于选择指定属性值中包含给定单词(由空格分隔)的元素

格式:

1	`$("selector[attribute~=value]");`

例子:

1	`$('input[name~='news']').val("name中包含news单词的元素");`

5：属性不等于过滤器“[attribute !=value]”

用于选择不包含指定属性，或者包含指定属性但该属性不等于某个值的所有元素

格式:

1	`$("selector[attribute!=value]")`

6：属性开始过滤器“[attribute ^= value]”

用于选择给定属性是以某特定值开始的所有元素

格式:

1	`$("selector[attribute^=value]")`

7：属性结尾过滤器“[attribute $= value]”

用于选择给定属性是以某特定值结尾的所有元素

格式:

1	`$("selector[attribute$=value]")`

8：复合属性过滤器

用于选择同时满足多个条件的所有元素

格式:

1	`$("selector[selector1][selector2]...[selector[N]")`

实例：

1	`$("input[id][name^='news']").val("复合条件")//用于选择包含有id属性并且name值以'news'开头的文本框，并对其值进行设置`

更多编程相关知识，请访问：编程视频！！

以上就是jquery属性过滤选择器有哪些？的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » jquery属性过滤选择器有哪些？

相关推荐

评论