如果想通過 DOM 元素之間的層次關系來獲取特定元素,

例如后代元素, 子元素, 相鄰元素, 兄弟元素等, 則需要使用層次選擇器.

注意:? (“prev ~ div”) 選擇器只能選擇 “# prev ” 元素后面的同輩元素; 而 jQuery 中的方法 siblings() 與前后位置無關,

只要是同輩節點就可以選取。

$("#btn1").click(function(){$("body div").css("background", "#ffbbaa");});$("#btn2").click(function(){$("body > div").css("background", "#ffbbaa");});$("#btn3").click(function(){$("#one + div").css("background", "#ffbbaa");});$("#btn4").click(function(){$("#two ~ div").css("background", "#ffbbaa");});$("#btn5").click(function(){$("#two").siblings("div").css("background", "#ffbbaa");});$("#btn6").click(function(){//以下選擇器選擇的是近鄰 #one 的 span 元素, 若該span//和 #one 不相鄰, 選擇器無效. //$("#one + span").css("background", "#ffbbaa");$("#one").nextAll("span:first").css("background", "#ffbbaa");});$("#btn7").click(function(){$("#two").prevAll("div").css("background", "#ffbbaa");});

總結

以上是生活随笔為你收集整理的10019---层次选择器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。