1. 基本选择器
基本选择器是最常用的选择器也是最简单的选择器。
| 选择器 | 描述 | 返回值 |
| #id | 根据给定的id匹配一个元素 | 单个元素 |
| .class | 根据给定的类名匹配元素 | 集合元素 |
| element | 根据给定的元素名匹配元素 | 集合元素 |
| * | 匹配所有元素 | 集合元素 |
| selector1,selector2,......,selectorN, | 将每一个选择器匹配到的元素合并后一起返回 | 集合元素 |
可以使用这些基本选择器完成绝大多数的工作。
2. 层次选择器
如果想通过DOM元素之间的层次关系来获取特定元素，例如后代元素、子元素、相邻元素和同辈元素等，那么层次选择器是一个非常好的选择。
| 选择器 | 描述 | 返回值 |
| $("ancestor descendant") | 选择ancestor元素里的所有descendant（后代）元素 | 集合元素 |
| $("parent>child") | 选取parent元素下的child（子）元素 | 集合元素 |
| $("prev + next") | 选取紧接在prev元素后的next元素（同辈的一个元素） | 集合元素 |
| $("prev~silbings") | 选取prev元素之后的所有slibings元素（同辈的所有元素） | 集合元素 |
在层次选择器中，第1个和第2个比较常用，而后面两个因为在jQuery里可以用更加简洁的方法代替，使用的几率也相对少一点。
| 简洁方法如下： | |
可以使用next()方法来代替 $('prev+next')选择器，用nextAll()方法来代替$('prev~siblings')选择器。 |
| 1 | 选择器 | 方法 |
| 等价关系 | $(".one+div") | $(".one").next("div") |
| 等价关系 | $("#prev~div") | $("#prev").nextAll("div") |
后面涉及到的siblings()方法与此处$('prev~siblings')选择器有区别噢~ |
|
$('prev~siblings')选择器只能选择"prev"后面的元素，而slibling()方法与前后位置无关，只要是同辈节点就能匹配。 |
