层次选择器:
层次选择器是通过元素之间的层次关系来获取特定的元素,如后代元素、子元素、相邻元素、和兄弟元素等
后代元素
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”后面的兄弟元素
没有评论:
发表评论