JQuery选择器特辑 详细小结

2020-05-22 15:47:58易采站长站整理

选择器



描述



返回



示例




$(“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-基本过滤选择器