jQuery中的層次選擇器

2021-08-13 10:15:04 字數 596 閱讀 5121

用於通過dom元素之間的層次關係來獲取特定元素,如後代元素、子元素、相鄰元素和兄弟元素等

獲取ancestor元素中所有descendant(後代)元素,返回乙個集合元素。

$("div span")  //選取裡所有元素

獲取parent元素下child(子)元素,返回乙個集合元素

$("table>tr")  //獲取元素下元素名為的元素

注:和現實生活中的概念一樣,子元素就是指兒子,是自己直接生出來的,而後代元素則是指兒子、孫子、曾孫、重孫……,即輩分低於自己的所有都是後代

獲取prev元素後緊接的next元素,返回乙個集合元素

$('.demo+div') //獲取class為demo的元素後的下乙個元素

獲取prev元素後所有siblings元素,返回乙個集合元素

$('#demo~div')  //獲取id為demo的元素後的所有兄弟元素

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