jquery筆記(遍歷)

2022-05-04 00:54:13 字數 1033 閱讀 2894

祖先:

$("selector").parent().css():返回被選元素的直接父元素,並呼叫css方法。

$("selector").parents().css():方法返回被選元素的所有祖先元素,它一路向上直到文件的根元素 (),也可以使用可選引數來過濾對祖先元素的搜尋。

$("selector1").parentsuntil("selector2").css():返回介於兩個給定元素之間的所有祖先元素。selector1與selector2之間的元素。

後代:

children() 方法返回被選元素的所有直接子元素。

find() 方法返回被選元素的後代元素,一路向下直到最後乙個後代,可以採取選擇器,find("*")為所有後代。

同胞(水平遍歷):

siblings() 方法返回被選元素的所有同胞元素,可以過濾。

next() 方法返回被選元素的下乙個同胞元素。

nextall() 方法返回被選元素的所有跟隨的同胞元素,後面的所有同胞元素。

nextuntil() 方法返回介於兩個給定引數之間的所有跟隨的同胞元素,例子:

介於 與 元素之間的所有同胞元素, 如:$(document).ready(function());

prev(), prevall() 以及 prevuntil() 方法的工作方式與上面的方法類似,只不過方向相反而已:它們返回的是前面的同胞元素(在 dom 樹中沿著同胞元素向後遍歷,而不是向前)。

過濾:

first() 方法返回被選元素的首個元素。

last() 方法返回被選元素的最後乙個元素。

eq() 方法返回被選元素中帶有指定索引號的元素。如:$("p").eq(1);

filter() 方法允許您規定乙個標準。不匹配這個標準的元素會被從集合中刪除,匹配的元素會被返回。如:$("p").filter(".intro");

not() 方法返回不匹配標準的所有元素。與filter相反。

jQuery 遍歷 (筆記)

遍歷 對物件進行迭代 意為 移動 用於根據其相對於其他元素的關係來 查詢 或選取 html 元素。以某項選擇開始,並沿著這個選擇移動,直到抵達您期望的元素為止。遍歷方法中最大的種類是樹遍歷。過濾方法 first last eq filter 自定義標準 ex.p filter in not 祖先 p...

jQuery學習筆記 遍歷

意為 移動 用於根據其相對於其他元素的關係來 查詢 或選取 html 元素。以某項選擇開始,並沿著這個選擇移動,直到抵達您期望的元素為止。jquery parent 方法 parent 方法返回被選元素的直接父元素。該方法只會向上一級對 dom 樹進行遍歷。document ready functi...

jQuery 自學筆記 6 遍歷

jquery 遍歷,意為 移動 用於根據其相對於其他元素的關係來 查詢 或選取 html 元素。以某項選擇開始,並沿著這個選擇移動,直到抵達您期望的元素為止。下圖展示了乙個家族樹。通過 jquery 遍歷,您能夠從被選 當前的 元素開始,輕鬆地在家族樹中向上移動 祖先 向下移動 子孫 水平移動 同胞...