JQuery选择器(层次选择器)

ancestor   descendant 概述：在给定的祖先元素下匹配所有的后代元素

ancestor(任何有效选择器)  descendant(用以匹配元素的选择器，并且它是第一个选择器的后代元素)           

//1.选择 body 内的所有 div 元素
				$("#btn1").click(function(){
					$("body div").css("background", "#bbffaa");
				});

parent>child   概述：在给定的父元素下匹配所有的子元素

parent(任何有效的选择器)  child(用以匹配元素的选择器，并且它是第一个选择器的子元素)

//2.在 body 内, 选择div子元素  
				$("#btn2").click(function(){
					$("body > div").css("background", "#bbffaa");
				});

prev+next  概述：匹配所有紧接在prev元素后的next元素

prev(任何有效选择器)  next(一个有效的选择器并且紧接着第一个选择器)

//3.选择 id 为 one 的下一个 div 元素 
				$("#btn3").click(function(){
					$("#one+div").css("background", "#bbffaa");
				});

 prev~siblings   概述：匹配prev元素之后的siblings元素

prev(任何有效的选择器)  siblings(一个选择器，并且作为第一个选择器的同辈)

//4.选择 id 为 two 的元素后面的所有 div 兄弟元素
				$("#btn4").click(function(){
					$("#two~div").css("background", "#bbffaa");
				});