jQuery之属性过滤选择器

本文详细介绍了jQuery中属性过滤选择器的使用方法,包括基本的属性存在检查、精确匹配属性值、部分匹配属性值等多种场景,适用于前端开发者深入理解和运用jQuery进行网页元素的选择与操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

jQuery之属性过滤选择器

属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素

1、[attribute]

用法:$("div[id]");   返回值   集合元素

说明:匹配包含给定属性的元素。例子中就是选取了带有“id”属性的div标签。

2、[attribute=value]

用法:$("intput[name='newsletter']").attr("checked",true);  返回值   集合元素

说明:匹配给定的属性是某个特定值得元素。例子中就是选取了所有name属性是newsletter的input元素

3、[attribute!=value]

用法:$("intput[name!='newsletter']").attr("checked",true);  返回值   集合元素

 说明:匹配所有不含指定的元素或者说属性不等于特定值得元素。此选择器等价于:not([attr=value]),

要匹配含有特定属性但不等于特定值得元素时,可以使用[attr]:not([attr=value])。

4、[attribute^=value]

用法:$("input[name^=newsletter]")  返回值   集合元素

说明:匹配给定的属性是以某些值开始的元素

5、[attribute$=value]

用法:$("input[name$='letter']")   返回值  集合元素

说明:匹配给定的属性是以某些值结尾的

6、[attribute*=value]

用法:$("input[name*='merryL']")  返回值   集合元素

说明:匹配给定的属性是以包含某些值得元素

7、[attributeFilter1][attributeFilter2][attributeFilterN]

用法:$("input[id][name$='merryL']")    返回值   集合元素

说明:复合属性选择器,需要同时满足多个条件时使用。这个例子选择的是所有含有id属性,并且它的name属性是以merryL结尾的元素。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值