jquery选择器

基本选择器：

名称	用法	描述
ID选择器	$("#id")	获得指定
类选择器	$(".class")	获取得同一类class的元素
标签选择器	$(''p'')	获取同一类标签的所有元素
并集选择器	$("div,p,i")	使用逗号分隔，只要符合条件之一即可
交集选择器	$("div.class")	注意选择器1和选择器2之间没有空格，都符合才可

层级选择器： 

名称	用法	描述
子代选择器	$("ul>li")	获取儿子层级的元素
后代选择器	$("ul li ")	获取儿子和孙子及ul下的li
相邻兄弟选择器	$("prev+next")	选择所有紧接在prev元素后的next元素；$("h1+p")：即表示h1元素后面的哪一个p标签
一般兄弟选择器	$("prev~siblings")	匹配prev元素之后的所有兄弟元素，具有相同的父元素，并匹配过滤siblings选择器；$("h1~p")：即表示h1元素后面的所有的p标签

 

过滤选择器：

名称	用法	描述
:eq(index)	$("li:eq(2)").css('color','red')	获取li元素中，索引为2 的元素，index从0开始
:odd	$("li:odd").css('color','red')	获取li元素中，索引为奇数的元素
:even	$("'li:even").css('color','red')	获取li元素中，索引为偶数的元素

 

筛选选择器：下方只是常用，具体还有很多

名称	用法	描述
chidren(selector)	$('ul').children("li")	相当于$("ul>li"),子类选择器
find(selector)	$("ul").find("li")	相当于$('ul li'),后代选择器
siblings(selector)	$("#mydiv").siblings("span")	查找兄弟节点，不包括本身
parent()	$("#mydiv").parent();	查找元素的父元素
eq(index)	$("li").eq(2);	相当于$("li:eq(2)")