jQuery的选择器

选择器

选择器允许用户对HTML中的元素组或单个元素进行操作，它可以让开发者使用CSS语法快速地对页面进行设置。合理地使用jQuery选择器，可以提高我们的开发效率。

基本选择器

1.标签选择器：根据给定标签名匹配元素。

$("标签名")

2.类选择器：根据给定的标签的class匹配元素。

$(".类名")

3.id选择器：根据给定的标签的id匹配元素。

$("#id名")

4.并集选择器：同时匹配多个标签元素，多个元素用 , 分隔。

$("元素1,元素2...")

5.交集选择器：匹配指定的class或id标签中的某个元素，用 . 表示。

$("元素1.元素1内某元素")

层次选择器

1.后代选择器：选取元素里的所有后代元素，用空格表示。

$("元素1 元素1的后代")

2.子选择器：选取父元素下的子元素，用 > 表示。

$("父元素 > 子元素")

3.相邻选择器：选取下一个相邻的元素，用 + 表示。

$("元素1 + 元素1的相邻元素")

4.同辈元素选择器：选取此元素之后的所有同级元素，用 ~ 表示。

$("元素1 ~ 元素1的同级元素")

属性选择器

1.选取包含给定属性的元素。

$("[属性]")

2.选取等于给定属性是某个值的元素。

$("[属性 = '值']")

3.选取给定属性不等于某个值的元素。

$("[属性 != '值']")

4.选取给定属性是某个特定值开始的元素。

$("[属性 ^= '值']")

5.选取给定属性是以某个特定值结尾的元素。

$("[属性 $= '值']")

6.选取给定属性是包含某些值的元素。

$("[属性 *= '值']")

7.选取满足多个条件的复合属性的元素，即将如上属性选择器综合综合使用。

$("[属性][属性 = '值']...")

过滤选择器

1.选取第一个元素，即选取给定标签所有元素中的第一个子元素，用first描述。

$("标签（基本选择器）: first")

2.选取最后一个元素，即选取给定标签所有元素中的最后一个子元素，用last描述。

$("标签（基本选择器）: last")

3.选取索引是偶数的所有元素，用even描述。

$("标签（基本选择器）: even")

4.选取索引是奇数的所有元素，用odd描述。

$("标签（基本选择器）: odd")

5.选取索引等于index的元素，index从0开始。

$("标签（基本选择器）: eq(index)")

6.选取索引大于index的元素，index从0开始。

$("标签（基本选择器）: gt(index)")

7.选取索引小于index的元素，index从0开始。

$("标签（基本选择器）: lt(index)")

8.选取去除所有与给定选择器匹配的元素，用not描述。

$("标签（基本选择器）: not(选择器)")

9.选取所有标题元素，用header表示。

$(": header")

10.选取所有可见的元素，用visible表示。

$("标签（基本选择器）: visible")

11.选取所有隐藏的元素，用hidden表示。

$("标签（基本选择器）: hidden")