这是看《锋利的jquery》时，整理出来的一些东西，很多方法，需要大家亲自实践一下，才会理解得更加深刻，切莫眼高手低哦……
Jquery选择器分类：基本选择器，层次选择器，过滤选择器，表单选择器
一、基本选择器：jquery中最常用的选择器，也是最简单的选择器。通过元素id、class和标签名等来查找DOM元素。
表-基本选择器
|
选择器 |
描述 |
返回 |
示例 |
|
#id |
根据给定的id匹配一个元素 |
单个元素 |
$(“#test”)选取id为test的元素 |
|
.class |
根据给定的类名匹配元素 |
集合元素 |
$(“.test”)选取所有class为test的元素 |
|
element |
根据给定的的元素名匹配元素 |
集合元素 |
$(“p”) 选取所有的<p>元素 |
|
* |
匹配所有元素 |
集合元素 |
$(“*”)选取所有元素 |
|
Selector1,Selector2, ……, SelectorN |
将每一个选择器匹配到的元素合并后一起返回 |
集合元素 |
$(“div,span,p.myClass”)选取所有<div>,<span>和拥有class为myClass的<p>标签的一组元素 |
二、层次选择器：通过DOM元素之间的层次关系获取特定元素，如后代元素、子元素、相邻元素、兄弟元素等。层次选择器是一个很好的选择
表-层次选择器
|
选择器 |
描述 |
返回 |
示例 |
|
$(“ancestor descendant”) |
选取ancestor元素里所有descendant（后代）元素 |
集合元素 |
$(“div span”)选取<div>里所有的<span>元素 |
|
$(“parent>child”) |
选取父元素下的子元素 |
集合元素 |
$(“div>span”)选取<div>下元素名为<span>的子元素 |
|
$(‘prev+next') |
选取紧接在prev元素后的next元素 |
集合元素 |
$(‘.one+div') 选取class为one的下一个<div>元素（相邻元素） |
|
$(‘prev~siblings') |
选取prev元素之后的所有元素 |
集合元素 |
$(‘.one+div') 选取class为one的元素后面所有<div>兄弟元素 |
注意：
$(‘prev+next')选择器与next()方法的等价关系
$(‘.one+div') 等价于 $(“.one”).next(“div”)
$(‘prev~siblings')选择器与nextAll()方法的等价关系
$(‘.one~div') 等价于 $(“.one”).nextAll(“div”)
三、过滤选择器:主要是通过特定的过滤选择器规则来筛选出所需的DOM元素，过滤规则与css中伪类选择器语法相同，即选择器都以一个冒号（:）开头。
按照不同的过滤规则，过滤选择器分为：基本过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性座率选择器