jQuery选择器

1 基本选择器

名称	效率（或说明）	最佳选择（或实例）
id选择器	javascript原型方法高	document.getElementById("id")
类型选择器	javascript原型方法高	document.getElementByTagName("div")
类选择器	使用jQuery选择器	$(".class")
通配选择器	均可	均可
分组选择器	通过逗号分隔符来分隔不同的选择器	$("div,#id,.class")

2 层级选择器

2.1 关系选择器

名称	说明	A、B的层级关系
$("A B")	所有A元素下的所有B元素	祖先与后代
$("A>B")	所有A 元素下的子级中的所有B元素	父子
$("A+B")	所有A元素后的第一个元素，且该元素为B元素，则匹配成功	同级
$("A~B")	所有A元素后的B元素	同级

2.2 子元素选择器

【与定位过滤器的区别（:nth-child(n)和:eq(n)的区别）】

①从1开始记数

名称	实例	实例说明
:nth-child(n)	ul li:nth-child(2)	ul元素下的第2个元素，若为li，则匹配成功
:first-child	ul li:first-child	ul元素下的第1个元素，若为li，则匹配成功
:last-child	ul li:last-child	ul元素下的最后1个元素，若为li，则匹配成功
:only-child	ul li:only-child	ul元素下，若只有1个元素，且该元素为li,则匹配成功

3 过滤选择器

3.1 定位过滤器

【与子选择器的区别（:nth-child(n)和:eq(n)的区别）】

名称	实例	实例说明
:first	p:first	匹配代码中第一个p元素
:last	p:last	匹配代码中最后一个p元素
:not