jQuety的五种基本选择器

本文详细介绍了jQuery的五种主要选择器类型:基本选择器、层次选择器、属性选择器、过滤器选择器和可见性过滤选择器。内容包括标签选择器、类选择器、ID选择器、后代选择器、子选择器、属性选择器的多种匹配方式,以及如:first、:last、:not等过滤器选择器的用法,还有元素的可见性状态选择器。
摘要由CSDN通过智能技术生成

目录

一.基本选择器

二.层次选择器

三.属性选择器的详细说明

四.基本过滤器选择器

五.可见性过滤选择器


一.基本选择器

  1. 标签选择器 element
  2. 类选择器 .class
  3. id选择器 #id
  4. 并集选择器 selector,selector2,selectorN
  5. 全局选择器 *

二.层次选择器

  1. 后代选择器 空格
  2. 子选择器 >
  3. 相邻元素选择器 +
  4. 同辈元素选择器 ~

三.属性选择器的详细说明

  1. [attribute] 选取包含指定属性的元素
  2. [attribute=values] 选取等于指定属性是某个特定值的元素
  3. [attribute!=values] 选取不等于指定属性是某个特定值的元素
  4. [attribute^=values] 选取指令属性是以某些特定值开始的元素
  5. [attribute$=values] 选取指定属性是以某些特定值结尾的元素
  6. [attribute*=values] 选取指定属性值包含某些值得元素

四.基本过滤器选择器

  1. :first 选取第一个元素
  2. :last 选取最后一个元素
  3. :not(selestor) 选取去除所有与给定选择器匹配的元素
  4. :even 选取索引是偶数的所有元素(index从0开始)
  5. :odd 选取索引是奇数的所有元素(index从0开始)
  6. :eq(index) 选取索引等于index的元素(index从0开始)
  7. :gt(index) 选取索引大于index元素(index从0开始)
  8. :lt(index) 选取索引小于index的元素(index从0开始)
  9. :header 选取所有标题元素,如h1~h6
  10. :focus 选取当前获取焦点的元素
  11. :animated 选择所有动画元素

五.可见性过滤选择器

  1. :visible 选取所有可见的元素
  2. :hidden 选取所有隐藏的元素

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值