选择器
描述
返回
示例
$(“ancestor descendant”)
选取ancestor元素里所有descendant(后代)元素
集合元素
$(“div span”)选取<div>里所有的<span>元素
$(“parent>child”)
选取父元素下的子元素
集合元素
$(“div>span”)选取<div>下元素名为<span>的子元素
$(‘prev+next’)
选取紧接在prev元素后的next元素
集合元素
$(‘.one+div’) 选取class为one的下一个<div>元素(相邻元素)
$(‘prev~siblings’)
选取prev元素之后的所有元素
集合元素
$(‘.one+div’) 选取class为one的元素后面所有<div>兄弟元素
注意:
$(‘prev+next’)选择器与next()方法的等价关系
$(‘.one+div’) 等价于 $(“.one”).next(“div”)
$(‘prev~siblings’)选择器与nextAll()方法的等价关系
$(‘.one~div’) 等价于 $(“.one”).nextAll(“div”)
三、过滤选择器:主要是通过特定的过滤选择器规则来筛选出所需的DOM元素,过滤规则与css中伪类选择器语法相同,即选择器都以一个冒号(:)开头。
按照不同的过滤规则,过滤选择器分为:基本过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性座率选择器
表1-基本过滤选择器










