jquery 層次選擇器siblings與nextAll的差異介紹_jquery

HTML程式碼：

複製程式碼 程式碼如下:

2

2_1

2_1_1

2_2

3

4

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