Jquery选择器图解

Jquery中的选择器主要分为基本选择器、层次选择器、过滤选择器、表单选择器四种。下面主要用图的实行来逐个介绍每一种选择器所包含的内容：

1.基本选择器：

与CSS选择器类似，Jquery的基本选择器也包括id选择器、类选择器、标签选择器、群组选择器、通配选择器。不同的是CSS选择器是给匹配的元素添加样式，而Jquery选择器是给匹配的元素添加行为。

 

2.层次选择器：

层次选择器包括：后代选择器、子元素选择器、相邻元素选择器、兄弟元素选择器。

其中前两种选择器用的比较多，因为在Jquery中有更加简单的方法（next()方法和nextAll()方法）来替代后两种选择器所有后两种选择器用的相对很少。

 

 

3.表单选择器：

 

表单选择器主要针对用Jquery来操作表单元素进行的便利方法，具体内容如下图所示：

 

4.过滤选择器：

 

过滤选择器可谓是个重头戏，过滤选择器一般都以冒号（“：”）来进行筛选过滤。

 

过滤选择器包括：基本过滤、内容过滤、可见性过滤、表单对象属性过滤、子元素过滤、属性过滤。

 

具体内容如下图所示：