JQuery-层次选择器
JQuery-层次选择器
如果想通过DOM元素之间的层次关系来获取特定元素，例如后代元素、子元素、相邻元素和兄弟元素等，那么层次选择器是一个非常好的选择。层次选择器的介绍说明如下：
1、$("ancestor descendant"),选取ancestor元素里所有descendant（后代）元素，$("div span")选取<div>里的所有的<span>元素
改变<body>内所有<div>的背景色： $('body div').css("background","#bbffaa");
2、$("parent>child")选取parent元素下的child（子）元素，$("div>span")选取<div>元素名下是<span>的子元素
改变<body>内子<div>元素的背景色： $('body>div').css("background":"#bbffaa");
3、$('prev+next')，选取进阶在prev元素后的next元素,$('.one+div')选取class为one的下一个<div>元素
改变class为one的下一个<div>元素背景色： $('.one+div').css("background",“#bbffaa”);
4、$('prev~siblings')选取prev元素之后的所有sibligs元素,$('#two-div')选取id为two的元素后面的所有<div>兄弟元素
改变id为two的元素后面的所有<div>兄弟元素的背景色： $('#two~div').css("background","#bbffaa");
