了解jquery属性过滤选择器有哪些?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!
创新互联公司是创新、创意、研发型一体的综合型网站建设公司,自成立以来公司不断探索创新,始终坚持为客户提供满意周到的服务,在本地打下了良好的口碑,在过去的10年时间我们累计服务了上千家以及全国政企客户,如石牌坊等企业单位,完善的项目管理流程,严格把控项目进度与质量监控加上过硬的技术实力获得客户的一致称扬。jquery属性过滤选择器有:“[attribute]”、“[attribute=值]”、“[attribute*=值]”、“[attribute~=值]”、“[attribute!=值]”、“[attribute^=值]”等等。
jquery属性过滤选择器
在HTML文档中,元素的开始标记中通常包含有多个属性(attribute), 在jQuery中,除了直接使用id和class属性作为选择器之外,还可以根据各种属性(如title等)对由选择器查询到的元素进行过滤
属性过滤选择器包含了在中括号"[]"中,而不是以冒号开头,通常使用"选择器[属性过滤选择器]"语法格式,可以根据是否包含指定属性或者根据属性值从查询到的元素中进行筛选。
1:包含属性过滤器“[attribute]”
用于选择包含给定属性的所有元素
格式:
$("selector[attribute]")
2:属性等于过滤器“[attribute=value]”
用于筛选给定属性等于某特定值的所有元素
$("selector[attribute=value]");
例子:
$("input[name=accept]").attr("checked", "true"); //将name为accept的复选框选中
3:属性包含过滤器“[attribute *= value]”
用于选择指定属性值包含给定字符串的所有元素
格式:
$("selector[attribute*=value]")
例子:
$("input[name*='news']").val("name中包含有news的元素"); //将name中包含'news'的文本框添加文本值
4:属性包含单词过滤器“[attribute ~= value]”
用于选择指定属性值中包含给定单词(由空格分隔)的元素
格式:
$("selector[attribute~=value]");
例子:
$('input[name~='news']').val("name中包含news单词的元素");
5:属性不等于过滤器“[attribute !=value]”
用于选择不包含指定属性,或者包含指定属性但该属性不等于某个值的所有元素
格式:
$("selector[attribute!=value]")
6:属性开始过滤器“[attribute ^= value]”
用于选择给定属性是以某特定值开始的所有元素
格式:
$("selector[attribute^=value]")
7:属性结尾过滤器“[attribute $= value]”
用于选择给定属性是以某特定值结尾的所有元素
格式:
$("selector[attribute$=value]")
8:复合属性过滤器
用于选择同时满足多个条件的所有元素
格式:
$("selector[selector1][selector2]...[selector[N]")
实例:
$("input[id][name^='news']").val("复合条件")//用于选择包含有id属性并且name值以'news'开头的文本框,并对其值进行设置
感谢各位的阅读!看完上述内容,你们对jquery属性过滤选择器有哪些大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注创新互联行业资讯频道。
网站题目:jquery属性过滤选择器有哪些-创新互联
标题网址:http://scgulin.cn/article/dggpgg.html