1. 程式人生 > >jQuery的層次選擇器

jQuery的層次選擇器

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