jQuery过滤选择器-属性过滤选择器

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

选择器 描述 返回 示例
[attribute] 选择拥有此属性的元素 集合元素 $(“div[id]“)选取拥有属性id的元素
[attribute=value] 选取属性的值为value的元素 集合元素 $(“div[title=test]“)选取属性title的值为“test”的div元素
[attribute!value] 选取属性的值不等于value的元素 集合元素 $(“div[title!=test]“)选取属性title的值不等于“test”的div元素注意:没有属性title的div元素也会被选取
[attribute^=value] 选取属性的值以value开始的元素 集合元素 $(“div[title^=test]“)选取属性title的值以“test”开始的div元素
[attribute$=value] 选取属性的值以value为结束的元素 集合元素 $(“div[title$=test]“)选取属性title的值以“test”为结束的div元素
[attribute*=value] 选取属性的值含有value的元素 集合元素 $(“div[title*=test]“)选取属性title的值含有“test”的div元素
[selector1][selector2][selectorN] 用属性选择器合并成一个复合属性选择器,满足多个条件。每选择一次,检索范围就缩小一次 集合元素 $(“div[id][title*=test]“)选取拥有属性id,且属性title的值含有“test”的div元素
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一些常用的 jQuery 选择器: 1. 基本选择器 - 通过元素名选取元素:`$('element')` - 通过类名选取元素:`$('.class')` - 通过 id 选取元素:`$('#id')` - 通过属性选取元素:`$('[attribute]')` - 通过属性值选取元素:`$('[attribute=value]')` - 通过属性值前缀选取元素:`$('[attribute^=value]')` - 通过属性值后缀选取元素:`$('[attribute$=value]')` - 通过属性值包含选取元素:`$('[attribute*=value]')` 2. 层次选择器 - 后代选择器:`$('ancestor descendant')` - 子元素选择器:`$('parent > child')` - 相邻兄弟选择器:`$('prev + next')` - 兄弟选择器:`$('prev ~ siblings')` 3. 过滤选择器 - :even:选取偶数位置的元素 - :odd:选取奇数位置的元素 - :eq(index):选取指定位置的元素 - :gt(index):选取位置大于指定位置的元素 - :lt(index):选取位置小于指定位置的元素 - :not(selector):选取不符合选择器的元素 - :header:选取标题元素 - :animated:选取正在执行动画的元素 4. 表单选择器 - :input:选取所有表单元素 - :text:选取所有文本框 - :password:选取所有密码框 - :radio:选取所有单选框 - :checkbox:选取所有复选框 - :submit:选取所有提交按钮 - :image:选取所有图像按钮 - :reset:选取所有重置按钮 - :button:选取所有按钮 - :file:选取所有文件域 5. 内容过滤选择器 - :contains(text):选取包含指定文本的元素 - :empty:选取没有子元素的元素 - :has(selector):选取包含指定元素的元素 - :parent:选取有子元素的元素 6. 可见性过滤选择器 - :visible:选取可见的元素 - :hidden:选取隐藏的元素 7. 属性过滤选择器 - [attribute]:选取带有指定属性的元素 - [attribute=value]:选取指定属性值的元素 - [attribute!=value]:选取不等于指定属性值的元素 - [attribute^=value]:选取属性值以指定值开头的元素 - [attribute$=value]:选取属性值以指定值结尾的元素 - [attribute*=value]:选取属性值包含指定值的元素 8. 子元素过滤选择器 - :first-child:选取第一个子元素 - :last-child:选取最后一个子元素 - :only-child:选取唯一的子元素 9. 表单对象属性过滤选择器 - :checked:选取被选中的表单元素 - :selected:选取被选中的选项元素 - :enabled:选取可用的表单元素 - :disabled:选取不可用的表单元素

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值