笔记：JQuery之层次选择器

1. 选择元素下面的所有子元素

$("#btn1").click(function(){
	$("body div").css("background", "#ffbbaa");
});

2. 选择元素下面的子元素

$("#btn2").click(function(){
	$("body > div").css("background", "#ffbbaa");
});

3. 选择 id 为 one 的元素下一个 div（同级相邻，后面一个div）

$("#btn3").click(function(){
    $("#one + div").css("background", "#ffbbaa");
});

4. 选择 id 为 two 的元素后面所有的 div 兄弟元素

$("#btn4").click(function(){
    $("#two ~ div").css("background", "#ffbbaa");
});

5. 选择 id 为 two 的元素所有 div 兄弟元素

$("#btn5").click(function(){
    $("#two").siblings("div").css("background", "#ffbbaa");
});

6. 选择 id 为 one 的下一个 span 元素

$("#btn6").click(function(){
    $("#one ").nextAll("span:first").css("background", "#ffbbaa");
});

7. 选择 id 为 two 的元素前边的所有 div 兄弟元素

$("#btn7").click(function(){
    $("#two").prevAll("div").css("background", "#ffbbaa");
});