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-childul 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)的区别）】

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