首頁 > web前端 > js教程 > jquery 層次選擇器siblings與nextAll的差異介紹_jquery

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

WBOY
發布: 2016-05-16 17:27:03
原創
1104 人瀏覽過

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所有的兄弟元素,不管是後面的還是前面的。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板