jQuery选择器

基本选择器

1.ID选择器

获取指定ID的元素

用法：$(“#id”);

2.类选择器
获取同一类class的元素

用法：$(“.class”);

3.标签选择器

获取同一类标签的所有元素

用法：$(“div”);

4.并集选择器

使用逗号分隔，只要符合条件之一就可。获取所有的div、p、li元素

用法：$(“div,p,li”);

5.交集选择器

注意选择器1和选择器2之间没有空格，class为redClass的div元素，注意区分后代选择器。

$(“div.redClass”);

层级选择器

1.子代选择器

使用>号，获取儿子层级的元素，注意，并不会获取孙子层级的元素

用法：$(“ul>li”);

2.后代选择器

使用空格，代表后代选择器，获取ul下的所有li元素，包括孙子等

用法：$(“ul li”);

过滤选择器

1. :eq（index）

获取到的li元素中，选择索引号为2的元素

用法：$(“li:eq(2)”).css(“color”,”red”);

2.:odd

获取到的li元素中，选择索引号为奇数的元素
$(“li:odd”).css(“color”,”red”);

3. :even

获取到的li元素中，选择索引号为偶数的元素

用法：$(“li:even”).css(“color”,”red”);

筛选选择器

1. children(selector)

相当于$(“ul>li”)，子类选择器
用法：$(“ul”).children(“li”)

2. find(selector)
相当于$(“ulli”),后代选择器

用法：$(“ul”).find(“li”);

3.siblings(selector)

查找兄弟节点，不包括自己本身。
用法：$(“#first”).siblings(“li”);

4.parent()

查找父亲
用法：$(“#first”).parent();

5.eq(index)
相当于$(“li:eq(2)”),index从0开始

用法：$(“li”).eq(2);

6.next()

找下一个兄弟
用法：$(“li”).next()

7.prev()

找上一次兄弟
用法：$(“li”).prev()

8.Index()

获取当前的位置（索引）
用法：$(“li”).index()

9.not()
返回不带有类名"intro"的所有<p>元素

用法：$("p").not(".intro")