jquery層次選擇器

2021-06-29 10:34:45 字數 475 閱讀 7888

$("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 層次選擇器

在 dom元素之間的層次關係主要包含元素的後代元素 子元素 相鄰元素和兄弟元素等 html的結構 1.ancestor descendant 在給定的祖先元素下匹配所有的後代元素 比如說子元素還有孫子輩的元素等 2.子元素選擇器 parent child firefox firebug下的html變...

jQuery 層次選擇器

div span 選取裡的所有元素 div span 選取元素下元素名是的子元素 one div 選取id為one的元素的下乙個同輩元素 等同於 one next div one div 選取id為one的元素的元素後面的所有同輩元素 等同於 one nextall div one siblings...