JQuery 層次選擇器

2021-07-23 12:59:52 字數 1361 閱讀 6045

dom元素之間的層次關係主要包含元素的後代元素子元素相鄰元素兄弟元素

html的結構:

1.(ancestor  descendant)在給定的祖先元素下匹配所有的後代元素;比如說子元素還有孫子輩的元素等 

2.子元素選擇器(parent > child)

firefox firebug下的html變化:

3.相鄰元素選擇器(prev + next)

(prev + next)可以用next()來替換

next([expr])取得乙個包含匹配的元素集合中每乙個元素緊鄰的後面同輩元素的元素集合。

$("fieldset").next("div").css("border","1px solid red");
4.兄弟選擇器(prev  ~  siblings) 選取prev元素之後的所有siblings兄弟元素。

(prev  ~  siblings)可以用nextall([expr])替換

nextall([expr])查詢當前元素之後所有的同輩元素。

$("div").nextall().css("border","1px solid red");

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

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