层次选择器:
层次选择器是通过元素之间的层次关系来获取特定的元素,如后代元素、子元素、相邻元素、和兄弟元素等
后代元素
ancestor descendant
获取ancestor<祖先>下的descendant<后代>元素<不分级,只要在ancestor里面就行>
集合元素
$("div span")选取div里面的所有span元素
子元素
parent > child
获取parent<父>下的child<子>子代元素<分级,只能在parent的下面是他的子元素>
集合元素
$("div > span")选取div下元素名称为span的子元素
相邻元素
prev + next
选取紧接在prev元素后的next元素
集合元素
$(.one + div)选取class为one的下一个div元素
兄弟元素
prev~siblings
选取prev元素后面的所有siblings元素
集合元素
$("#two~div")选取id为two的元素后面的所有div兄弟元素
PS:$("prev + next")可以用next()代替
$("prev ~ siblings")可以用nextAll()代替
$("prev ~ siblings")和siblings()的区别是siblings()获取所有的兄弟元素,不分先后;
$("prev ~siblings")要求是指定元素“prev”后面的兄弟元素
jQuery 层次选择器
最新推荐文章于 2020-07-13 20:39:39 发布