Jquery选择器图解

openkk 12年前

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

1.基本选择器:

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

 

Jquery选择器图解

2.层次选择器:

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

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

 

Jquery选择器图解

 

3.表单选择器:

 

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

Jquery选择器图解

 

4.过滤选择器:

 

过滤选择器可谓是个重头戏,过滤选择器一般都以冒号(“:”)来进行筛选过滤。

 

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

 

具体内容如下图所示:

Jquery选择器图解

转自:http://www.cnblogs.com/skyoo/archive/2012/04/06/2435469.html