jQuery通過關係獲取結點

2021-10-06 06:33:38 字數 1716 閱讀 9401

parent()- 返回被選元素的直接父元素,該方法只會向上一級對 dom 樹進行遍歷

parents()- 返回被選元素的所有祖先元素,不侷限於父元素。向上直到文件的根元素 ()。(可通過引數進行過濾)

parentsuntil()- 返回介於兩個給定元素之間的所有祖先元素,不包含給定範圍兩端的元素。

children()- 返回被選元素的所有直接子元素。 (可通過引數進行過濾)

find()- 返回被選元素的後代元素。後代是子、孫、曾孫,依此類推。一路向下直到最後乙個後代。

jquery.find("*"); //返回指定元素的所有後代元素
siblings()- 返回被選元素的所有兄弟元素。不包含自己。(可通過引數進行過濾)

next()- 返回被選元素的下乙個同胞元素。(可理解為」下乙個弟弟「)。該方法只返回乙個元素。

ps:如果多個節點都滿足選擇器,返回所有對應節點的next放在同乙個類陣列中:

列印結果:

nextall()- 返回被選元素的所有跟隨的同胞元素。 (可理解為」所有弟弟「)

nextuntil()- 返回介於兩個給定引數之間的所有跟隨的同胞元素。(不包含兩端)

結果:

prev()-返回被選元素的前乙個同級元素。同級元素是共享相同父元素的元素。注意:該方法只返回乙個元素。

結果:

prevall()-返回被選元素之前的所有同級元素

prevuntil()-獲得當前匹配元素集合中每個元素的前面的同胞元素,但不包括被選擇器、dom 節點或 jquery 物件匹配的元素。

給#term-2前面直到dt前的元素加上紅色背景:

term 1

definition 1-a

definition 1-b

definition 1-c

definition 1-d

term 2

definition 2-a

definition 2-b

definition 2-c

term 3

definition 3-a

definition 3-b

效果:

jquery中通過屬性獲取元素

根據屬性獲取元素 p class css color red 給所有有class的p標籤設定紅色字型。根據屬性值獲取元素 1.input name san css background color red 匹配所有name以 san 結尾的input標籤設定紅色背景。選擇器 attribute va...

jquery獲取元素所有關係節點

jquery.prev 返回上乙個兄弟節點,不是所有的兄弟節點 jquery.prevall 返回所有之前的兄弟節點陣列 jquery.next 返回下乙個兄弟節點,不是所有的兄弟節點 jquery.nextall 返回所有之後的兄弟節點陣列 jquery.siblings 返回兄弟姐妹節點陣列,不...

通過JQUERY獲取寬高及作業

補充 滑動視窗 slide windows slidetoggle slideup slidedown的效果 animate v 方法用於建立自定義的動畫,animation n jquery動畫效果終結 show hide,toggle,slideup,slidedown,slidetoggle,...