jQuery之属性过滤选择器
2015-09-30 08:59
603 查看
转载来自:/article/7661631.html
在HTML文档中,元素的开始标记中通常包含有多个属性(attribute), 在jQuery中,除了直接使用id和class属性作为选择器之外,还可以根据各种属性(如title等)对由选择器
查询到的元素进行过滤,属性过滤选择器包含了在中括号"[]"中,而不是以冒号开头,通常使用"选择器[属性过滤选择器]"语法格式,可以根据是否包含指定属性或者
根据属性值从查询到的元素中进行筛选。
1:包含属性过滤器
用于选择包含给定属性的所有元素
格式:$("selector[attribute]")
2:属性等于过滤器
用于筛选给定属性等于某特定值的所有元素
$("selector[attribute=value]");
例子:$("input[name=accept]").attr("checked", "true"); //将name为accept的复选框选中
3:属性包含过滤器
用于选择指定属性值包含给定字符串的所有元素
格式:$("selector[attribute*=value]")
例子:$("input[name*='news']").val("name中包含有news的元素"); //将name中包含'news'的文本框添加文本值
4:属性包含单词过滤器
用于选择指定属性值中包含给定单词(由空格分隔)的元素
格式:$("selector[attribute~=value]");
例子:$('input[name~='news']').val("name中包含news单词的元素");
5:属性不等于过滤器
用于选择不包含指定属性,或者包含指定属性但该属性不等于某个值的所有元素
格式:$("selector[attribute!=value]")
6:属性开始过滤器
用于选择给定属性是以某特定值开始的所有元素
格式:$("selector[attribute^=value]")
7:属性结尾过滤器
用于选择给定属性是以某特定值结尾的所有元素
格式:$("selector[attribute$=value]")
8:复合属性过滤器
用于选择同时满足多个条件的所有元素
格式:$("selector[selector1][selector2]...[selector
")
实例:$("input[id][name^='news']").val("复合条件"):用于选择包含有id属性并且name值以'news'开头的文本框,并对其值进行设置
在HTML文档中,元素的开始标记中通常包含有多个属性(attribute), 在jQuery中,除了直接使用id和class属性作为选择器之外,还可以根据各种属性(如title等)对由选择器
查询到的元素进行过滤,属性过滤选择器包含了在中括号"[]"中,而不是以冒号开头,通常使用"选择器[属性过滤选择器]"语法格式,可以根据是否包含指定属性或者
根据属性值从查询到的元素中进行筛选。
1:包含属性过滤器
用于选择包含给定属性的所有元素
格式:$("selector[attribute]")
2:属性等于过滤器
用于筛选给定属性等于某特定值的所有元素
$("selector[attribute=value]");
例子:$("input[name=accept]").attr("checked", "true"); //将name为accept的复选框选中
3:属性包含过滤器
用于选择指定属性值包含给定字符串的所有元素
格式:$("selector[attribute*=value]")
例子:$("input[name*='news']").val("name中包含有news的元素"); //将name中包含'news'的文本框添加文本值
4:属性包含单词过滤器
用于选择指定属性值中包含给定单词(由空格分隔)的元素
格式:$("selector[attribute~=value]");
例子:$('input[name~='news']').val("name中包含news单词的元素");
5:属性不等于过滤器
用于选择不包含指定属性,或者包含指定属性但该属性不等于某个值的所有元素
格式:$("selector[attribute!=value]")
6:属性开始过滤器
用于选择给定属性是以某特定值开始的所有元素
格式:$("selector[attribute^=value]")
7:属性结尾过滤器
用于选择给定属性是以某特定值结尾的所有元素
格式:$("selector[attribute$=value]")
8:复合属性过滤器
用于选择同时满足多个条件的所有元素
格式:$("selector[selector1][selector2]...[selector
")
实例:$("input[id][name^='news']").val("复合条件"):用于选择包含有id属性并且name值以'news'开头的文本框,并对其值进行设置
相关文章推荐
- 【点滴】-jquery.ui.datepicker指定任意位置显示
- 一个JSON 实例: jQuery 解析JSON数据
- jquery 获取子iframe和获取父框架的例子
- jQuery复制表单元素附源码分享效果演示
- jquery插件pagination实现无刷新ajax分页
- 基于jQuery Bar Indicator 插件实现进度条展示效果
- 读jQuery官方文档:样式
- 读jQuery官方文档:遍历
- Jquery dataTable.ajax.url.load加载不到最新的url的数据
- Jquery常见问题
- jQuery EasyUI 下拉菜单获取日期,最高年份为当前年份,最低年份为当前年份向前推10年
- jquery自定义插件-参数化配置多级菜单导航栏插件
- 在struts2中用jquery.ajax提交表单实例
- jQuery源码学习 之 end与addBack
- Jquery datatable jsonp 显示后台json数据
- jquery自定义插件——window实现
- jquery常用选择器(上)
- jquery mobile 数字键盘类似计算器的布局采用Grid实现
- jquery笔记(遍历)
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON(),$.getScript(),$.load()的用法总结【转】