层次选择器:
查找子元素, 后代元素, 兄弟元素的选择器
分类:
ancestor descendant
在给定的祖先的元素下匹配所有的后代元素
例如:ul span
//1. 选中ul下所有的的span
$('ul span').css('background', 'yellow')
parent > child
在给定父元素下匹配所有的子元素
例如:ul>span
//2. 选中ul下所有的子元素span
$('ul>span').css('background', 'yellow')
prev + next
匹配所有紧接在prev元素后的next元素(只匹配一位)
//3. 选中class为box的下一个li
$('.box+li').css('background', 'yellow')
prev ~ siblings
匹配prev所有元素之后的所有siblings元素
例如:ul .box~*
//4. 选中ul下的class为box的元素后面的所有兄弟元素
$('ul .box~*').css('background', 'yellow')