jQuery 層次選擇器

2021-08-03 05:26:30 字數 494 閱讀 5570

$("div span") 選取裡的所有元素

$("div >span") 選取元素下元素名是的子元素

$("#one +div") 選取id為one的元素的下乙個同輩元素    等同於$(#one).next("div")

$("#one~div") 選取id為one的元素的元素後面的所有同輩元素    等同於$(#one).nextall("div")

$(#one).siblings("div") 獲取id為one的元素的所有同輩元素(不管前後)

$(#one).prev("div") 獲取id為one的元素的前面緊鄰的同輩元素

所以 獲取元素範圍大小順序依次為:

$(#one).siblings("div")>$("#one~div")>$("#one +div")  或是

$(#one).siblings("div")>$(#one).nextall("div")>$(#one).next("div")

不積跬步,無以至千里!

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變...