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