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

原文地址:https://www.cnblogs.com/foolgry/p/5277284.html