jQuery的層次選擇器
阿新 • • 發佈:2018-12-30
$(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");
});
})