基础选择器、层级选择器、基本过滤选择器、内容过滤选择器

基础选择器

1：#id                选择器：根据id查找标签对象

2：.class            选择器：根据class查找标签对象

3：element        选择器：根据标签名查找标签对象

4：*                   选择器：查找任意的(所有的)元素对象

5.selector1,selector2        组合选择器：合并选择器1,选择器2的结果并返回

6.p.myClass        表示标签名必须是p标签，而且class类型还要是myClass

#id：

 

 .class:

 

 element :

 

 * :

 

 selector1,selector2 组合选择器:

 

 层级选择器

1.ancestor descendant        在给定祖先元素下匹配所有的后代元素

2.parent > child        在给定的父元素下匹配所有的子元素

3.prev + next        匹配所有紧接在prev元素后的next元素

4.prev ~ siblings        匹配prev元素之后的所有siblings元素

5.fn        要在dom就绪时执行的函数

ancestor descendant：

 

 parent > child：

 

 prev + next ：

 

 prev ~ siblings：

 

 fn：

 基本过滤选择器

1.  ：first        获取第一个元素

2.  ：last        获取最后一个元素

3.  ：not(selector)        去除所有与给定选择器匹配的元素

4.  ：even        匹配所有索引值为偶数的元素，从0开始计数

5.  ：odd        匹配所有索引值为奇数的元素，从0开始计数

6.  ：eq(index)        匹配一个给定索引值的元素

7.  ：gt(index)        匹配所有大于给定索引值得元素

8.  ：lt(index)        匹配所有小于给定索引值的元素

9.  ：header        匹配如h1，h2之类的标题元素

10.  ：animated        匹配所有正在执行动画效果的元素

：first

 

 ：last 

 

  ：not(selector) 

 

  ：even 

 

 ：odd

 

 ：eq(index) 

 

 ：gt(index)

 

 ：lt(index)

  ：header

 

  ：animated

 

 案例：选择没有执行动画的最后一个div

 内容过滤选择器

1.  ：contains(text)        匹配包含给定文本的元素

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

3.  ：has(selector)        匹配含有选择器所匹配的元素的元素

4.  ：parent        匹配含有子元素或文本的元素

：contains(text)

 

  ：empty

 

 ：has(selector)

 

 ：parent