jQuery 層次選擇器

2022-09-05 14:12:08 字數 2397 閱讀 6291

jquery 層次選擇器

1派生選擇器:在s1內部獲得全部的s2節點(不考慮層次)

$(「div  span」)// 派生選擇器

//找到

//找到

//找不到

2$(s1 > s2) [父子]

直接子元素選擇器:在s1內部獲得s2的子元素節點

$(「div > span」)

//找到

//找到

3$(s1 + s2) [兄弟]

直接兄弟選擇器:在s1後邊獲得緊緊挨著的第乙個兄弟關係的s2節點

$(「div + span」)

//找到

//找到

4$(s1 ~ s2) [兄弟]

後續全部兄弟關係節點擊擇器:在s1後邊獲得全部兄弟關係的s2節點

5  並且(過濾)選擇器

並且選擇器

function f1()

並且選擇器

6內容過濾選擇器

包含內容選擇器,獲得節點內部必須通過標籤包含指定的內容

$(「div:contains(beijing)」)

linken love beijing

jack love shanghai

獲得空元素(內部沒有任何元素/文字(空) )節點物件

$(「div:empty」)

linken love beijing

jack love shanghai

含有節點//含有 空格實心節點

hello

//id選擇器

尋找的節點必須作為父元素節點存在

$(「div:parent」)

linken love beijing

jack love shanghai

function f1()

linken love beijing

jack love shanghai

1派生選擇器:在s1內部獲得全部的s2節點(不考慮層次)

$(「div  span」)// 派生選擇器

//找到

//找到

//找不到

2$(s1 > s2) [父子]

直接子元素選擇器:在s1內部獲得s2的子元素節點

$(「div > span」)

//找到

//找到

3$(s1 + s2) [兄弟]

直接兄弟選擇器:在s1後邊獲得緊緊挨著的第乙個兄弟關係的s2節點

$(「div + span」)

//找到

//找到

4$(s1 ~ s2) [兄弟]

後續全部兄弟關係節點擊擇器:在s1後邊獲得全部兄弟關係的s2節點

5  並且(過濾)選擇器

並且選擇器

function f1()

並且選擇器

6內容過濾選擇器

包含內容選擇器,獲得節點內部必須通過標籤包含指定的內容

$(「div:contains(beijing)」)

linken love beijing

jack love shanghai

獲得空元素(內部沒有任何元素/文字(空) )節點物件

$(「div:empty」)

linken love beijing

jack love shanghai

含有節點//含有 空格實心節點

hello

//id選擇器

尋找的節點必須作為父元素節點存在

$(「div:parent」)

linken love beijing

jack love shanghai

function f1()

linken love beijing

jack love shanghai

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