jQuery之属性过滤选择器

在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[N]")

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




  • 0
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

波哥的技术积累

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值