选择器是jQuery的基础,在jQuery中,对事件处理、遍历DOM和Ajax操作都依赖于选择器。熟练的使用jQuery选择器,是我们每个程序员都应该掌握的技能。
jQuery选择器支持CSS1、CSS2的全部和CSS3的部分选择器。
jQuery中选择器分为4种,分别为基本选择器,层次选择器,过滤选择器和表单选择器。本篇介绍前二者。
基本选择器
基本选择器是最常用的选择器。
几个例子:
$("#div")选取id为div的元素
-- 返回一个元素
$(".red")选取所有类名为red的元素
-- 返回集合元素
$("div")选取所有<div>元素
-- 返回集合元素
$("*")匹配所有元素
--返回集合元素
$("div, p")匹配所有<div>和所有<p>的元素
--返回集合元素
层次选择器
$("div p")选取div元素下的所有的p元素
--返回集合元素
$("div>p")选取div元素下的子元素为p元素的元素
--返回集合元素
$("#red+div")选取id为red元素的下一个的div同辈元素
--返回单个元素
$(".red+div")选取class为red元素的下一个的div同辈元素
--返回集合元素
$(".red~div")选取class为red的元素的后面的所有div同辈元素
--返回集合元素