jQuery選擇器之層級選擇器（2）
jQuery的層級選擇器中主要包括四種，分別為后代選擇器、子元素選擇器、相鄰元素選擇器、之后的兄弟元素選擇器，
以下實體演示都是通過的元素顏色的變化展示，
未變色的頁面展示如下：
1、后代選擇器 ancestor descendant
在給定的祖先元素下匹配所有的后代元素
$("#btn1").click(function () {
$("body div").css("background-color","#bbffaa");
});
2、子元素選擇器 parent child
根據標簽名查找標簽物件
$("#btn2").click(function () {
$("body>div").css("background-color","#bbffaa");
});
3、相鄰元素選擇器 prev + next
匹配所有緊接在 prev 元素后的 next 元素（一個臨近元素且不包括臨近元素的子元素）
$("#btn3").click(function () {
$("#one+div").css("background-color","#bbffaa");
});
4、之后的兄弟元素選擇器 prev ~ sibings
匹配 prev 元素之后的所有 siblings 元素（多個）
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/922.html
標籤：jQuery