層次選擇器:
查找子元素, 后代元素, 兄弟元素的選擇器
分類:
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的下一個(gè)li
?$('.box+li').css('background', 'yellow')
prev ~ siblings
匹配prev所有元素之后的所有siblings元素
例如:ul .box~*
//4. 選中ul下的class為box的元素后面的所有兄弟元素
$('ul?.box~*').css('background', 'yellow')