分类解析jQuery选择器

2020-05-27 17:55:25易采站长站整理

基本选择器:

  #id            根据Id匹配一个元素

  .class            根据给定的类名匹配一个元素

  element           根据元素名匹配一个元素

  *             匹配所有元素

  selecttor1,selector2     并集,返回两个选择器匹配到的元素

层次选择器:

  ancestor descendant   根据祖先匹配所有的后代元素

  parent>child        根据父元素匹配所有的子元素,直接后代

  prev+next         匹配下一个兄弟元素 相当于next()方法

  prev~siblings         匹配后面的兄弟元素 相当于nextAll()方法     siblings()方法为匹配所有的兄弟元素

简单过滤选择器:

  :first或first()        匹配第一个元素

  :last或last()         匹配最后一个元素

  :not(selector)        匹配非selector能匹配到的元素

  :even            匹配索引值为偶数的元素,索引号从0开始

  :odd            匹配索引值为奇数的元素,索引号从0开始

  :eq(index)         匹配指定索引号的元素,索引号从0开始

  :gt(index)          匹配索引号大于给定索引值的元素,索引号从0开始

  :lt(index)           匹配索引号小于给定索引值的元素,索引号从0开始

  :header          匹配所有的标题元素  h1 h2 h3 h4 h5 h6

  :animated          匹配所有正在执行动画的元素

内容过滤选择器:

  :contains(text)      匹配包含给定文本的元素

  :empty          匹配所有不包含子元素或者文本的空元素

  :has(selector)        匹配后代中含有selector能匹配上元素的元素

  :parent          匹配含有子元素或者文本的元素

可见性过滤选择器:

  :hidden          匹配不可见元素,或者type=”hidden”的元素 含有css样式:display:”none”;的元素,无论CSS是内联,导入,链接式

  :visible           获取所有的可见元素

属性过滤选择器:

  [attribute]         匹配含有给定属性的元素

  [attribute=value]       匹配含有属性=value的元素

  [attribute!=value]      匹配含有属性但!=value的元素

  [attribute^=value]     匹配属性值是以value开始的元素