Jquery中的选择器主要分为基本选择器、层次选择器、过滤选择器、表单选择器四种。下面主要用图的实行来逐个介绍每一种选择器所包含的内容:
1.基本选择器:
与CSS选择器类似,Jquery的基本选择器也包括id选择器、类选择器、标签选择器、群组选择器、通配选择器。不同的是CSS选择器是给匹配的元素添加样式,而Jquery选择器是给匹配的元素添加行为。
2.层次选择器:
层次选择器包括:后代选择器、子元素选择器、相邻元素选择器、兄弟元素选择器。
其中前两种选择器用的比较多,因为在Jquery中有更加简单的方法(next()方法和nextAll()方法)来替代后两种选择器所有后两种选择器用的相对很少。
3.表单选择器:
表单选择器主要针对用Jquery来操作表单元素进行的便利方法,具体内容如下图所示:
4.过滤选择器:
过滤选择器可谓是个重头戏,过滤选择器一般都以冒号(“:”)来进行筛选过滤。
过滤选择器包括:基本过滤、内容过滤、可见性过滤、表单对象属性过滤、子元素过滤、属性过滤。
具体内容如下图所示: