基本選擇器：
$("#none").css("background","#bbffaa");
改變id為none的所有元素的背景色
$(".mini").css("background","#bbffaa");
改變class為mini的所有元素的背景色
$("*").css("background","#bbffaa");
改變所有元素的背景色
$("span,#two").css("background","#ddffaa");
改變所有元素和id 為two的元素的背景色
層次選擇器
$("ancestor descendant")
選取ancestor元素裡的所有descendant(後代)元素
$("div span")選取裡所有的元素
$("parent>child")
選取parent元素下的child（子）元素，與$("ancestor descendant")有區別，$("ancestor descendant")選擇的是後代元素
$("div>span")選取元素下元素名是的子元素
$("prev + next")
選取緊接在prev元素後的next元素
$(".one+div")選取class為none的下乙個同輩元素
$("prev~siblings")
選取prev元素之後的所有siblings元素
$("#two~div")選取id為two的元素後面的所有的同輩元素
$("body div").css("background","#bfa");
改變內所有的背景色
$("body>div").css("background"."#bfa");
改變內子元素的背景色
$(".one+div").css("background","#bfa");
改變class為one的下乙個同輩元素背景色
$("#two - div").css("background","#bfa");
改變id為two的元素後面的所有同輩元素的背景色
等價關係
$(".one+div") 與 $(".one").next("div") 相等
$("#prev~div") 與 $("#prev").nextall("div") 相等
摘自《鋒利的jquery》 第二章 2.31 基本選擇器 2.3.2 層次選擇器
jQuery層次選擇器
無論何時，我們都要記住的一點就是通過jquery選擇器獲取的jquery物件任何時候都是一組元素。而jquery選擇器又具有這樣的特點 隱式迭代 選擇器 css background color red 則是為這組元素中每個元素的樣式都加上紅色背景。jquery會自動迭代每個元素，這就免去了我們編寫...
jquery層次選擇器
div span 選取裡的所有元素 div span 選取元素下元素名是的子元素 one div 選取id為one的元素的下乙個同輩元素 等同於 one next div one div 選取id為one的元素的元素後面的所有同輩元素 等同於 one nextall div one siblings...
JQuery 層次選擇器
在 dom元素之間的層次關係主要包含元素的後代元素 子元素 相鄰元素和兄弟元素等 html的結構 1.ancestor descendant 在給定的祖先元素下匹配所有的後代元素 比如說子元素還有孫子輩的元素等 2.子元素選擇器 parent child firefox firebug下的html變...