jquery 層次選擇器siblings與nextAll的區別介紹

jquery 層次選擇器包括siblings與nextAll本文為大家介紹下具體的使用方法想學習的朋也可以參考下希望對大家有所幫助  

　　HTML代碼

復制代碼 代碼如下:

　　
<div>
<div ></div>
<div class="one">

<div>_
<div>__</div>
</div>
<div>_</div>
</div>
<div></div>
<div></div>
</div>
$("one div")css("background""red") // one之後所有DIV後代元素（後代包括兒子和孫子）
$("one > div")css("background""red") // one之後的子元素（子兒子和女兒）
$("one + div")css("background""red") // one之後相鄰的元素就是緊靠one之後的兄弟元素只有一個
$("one")next()css("background""red") // 這個作用同上
$("one ~ div")css("background""red") //one之後的兄弟元素不包括前面的
$("one")nextAll()css("background""red") //作用同上
$("one")siblings()css("background""red") // one所有的兄弟元素不管是後面的還是前面的

From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20162.html