jQuery層次選擇器
後代選擇器
//選擇 body內的全部div元素.
$(‘#btn1‘).click(function(){
$(‘body div‘).css("background","#bbffaa");
})
子元素選擇器
//在body內的選擇 元素名是div 的子元素.
$(‘#btn2‘).click(function(){
$(‘body > div‘).css("background","#bbffaa");
})
next同輩選擇器
//選擇 全部class為one 的下一個div元素.
$(‘#btn3‘).click(function(){
$(‘.one + div‘).css("background","#bbffaa");
})
siblings同輩選擇器
//選擇 id為two的元素後面的全部div兄弟元素.
$(‘#btn4‘).click(function(){
$(‘#two ~ div‘).css("background","#bbffaa");
})
參考<瑞麗的jQuery>
jQuery層次選擇器