jQuery选择器

选择器是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同辈元素
--返回集合元素

你可能感兴趣的:(jQuery选择器)