jQuery層次選擇器

2022-05-18 07:20:51 字數 444 閱讀 2697

層次選擇器

$("ancestor decendant")      選取 ancestor 元素裡所有 decendant (後代)元素。

$("parent > child")  選取parent元素下的child(子)元素,與$("ancestor decendant") 有區別,$("ancestor decendant") 選取的是後代元素。

$("prev + next") 選取緊接在pre元素後的next元素。

$("pre ~siblings") 選取pre之後的所有siblings元素

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

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

$(".one + div")  選取class為one的下乙個同輩元素

$("#two~div") 選取id為two的元素後面的所有同輩元素

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