jQuery选择器

基本选择器
名称语法构成描述返回值示例
标签选择器element匹配指定的标签元素元素集合$(“h2”)选取所有h2元素
类选择器.class匹配指定的class元素元素集合$(".title)选取以class为title的元素
id选择器#id匹配指定的id元素元素集合$("#title)选取以id为title的元素
并集选择器selector1,selector2,…selectorN将每个选择器匹配的元素合并后一起使用元素集合$(div,p,.title)选取以div,p和class为title的元素
全局选择器*匹配所有元素元素集合$("*")选取所有元素
层次选择器
名称语法构成描述返回值示例
后代选择器root offspring选取root元素里的所有offspring(后代)元素)元素集合$("#menu span")选取#menu下所有的元素
子选择器parent > child选取parent元素下的child(子)元素元素集合$("#menu > span")选取#menu下的子元素
相邻元素选择器prev + next选取紧邻prev元素之后的next元素元素集合$(“h2 + dl”)选取紧邻h2元素之后的同辈元素
同辈元素选择器prev~sibling选取prev元素之后的所有sibling(同辈)元素元素集合$(“h2 + dl”)选取h2元素之后所有的同辈元素
属性选择器
语法描述返回值示例
[attribute]选取包含指定属性的元素元素集合$("[href]")选取含有href属性的元素
[attribute = value]选取等于指定属性是某个特定值的元素元素集合$("[href = ‘#’]")选取href属性值为‘#’的元素
[attribute != value]选取等于指定属性是某个特定值的元素元素集合$("[href != ‘#’]")选取href属性值不为‘#’的元素
[attribute ^= value]选取等于指定属性是某个特定值开始的元素元素集合$("[href ^= ‘en’]")选取href属性值以en开头的元素
[attribute $= value]选取等于指定属性是某个特定值结尾的元素元素集合$("[href $= ‘.jpg’]")选取href属性值以.jpg结尾的元素
[attribute *= value]选取等于指定属性值包含某些值的元素元素集合$("[href *= ‘.txt’]")选取href属性值中含有txt的元素
基本过滤选择器
语法描述返回值示例
:first选取第一个元素单个元素$(“li:first”)选取所有li元素中的第一个li元素
:last选取最后一个元素单个元素$(“li:last”)选取所有li元素中的最后一个li元素
:not(selector)选取去除所有与给定选择器匹配的元素集合元素$("li:not(.three)"选取class不是three的元素
:even选取索引是偶数的所有元素(index从0开始)集合元素$(“li:even”)选取索引是偶数的所有li元素
:odd选取索引是奇数的所有元素(index从0开始)集合元素$(“li:odd”)选取索引是奇数的所有li元素
:eq(index)选取索引等于index的元素(index从0开始)单个元素$(“li:eq(1)”)选取索引等于1的li元素
:gt(index)选取索引大于index的元素(index从0开始)集合元素$(“li:gt(1)”)选取索引大于1的li元素 (不包括1)
:lt(index)选取索引小于index的元素(index从0开始)集合元素$(“li:lt(1)”)选取索引小于1的li元素(不包括1)
:header选取所有标题元素(如h1-h6)集合元素$(“li:header”)选取网页中的所有标题元素
:focus选取当前获取焦点的元素集合元素$(“li:focus”)选取当前获取焦点的元素
:animated选择所有动画元素集合元素$(“li:animated”)选取当前所有动画元素
可见性过滤选择器
选择器描述返回值示例
:visible选取所有可见的元素集合元素$(":visible")选取所有可见的元素
:hidden选取所有隐藏的元素集合元素$(":hidden")选取所有隐藏的元素
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值