jquery知識整理 05 遍歷(重點)

2021-09-24 22:35:26 字數 1299 閱讀 7340

向上遍歷dom樹

有三種方法:

$("span").parent();		//只返回每個元素的父元素,然後可以利用==鏈的概念==直接在後邊對這個元素進行操作
$("span").parents();    //parents() 方法返回被選元素的所有祖先元素,它一路向上直到文件的根元素 ()
$("span").parentsuntil("div");		//parentsuntil()方法返回介於兩個給定元素之間的所有祖先元素,這個介於到之間的所有元素
向下遍歷dom樹

有兩種方法:

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

當然,可以給children()傳遞引數,來指定符合條件的直接子元素,比如:

$("div").children("p.1");		//返回下的clss名為「1」的元素;
find()方法,返回被選元素的後代元素,一路 向下直到最後一帶;例如:

$("div").find("span");		//返回後代中所有的元素;
遍歷同胞-水平遍歷

siblings()方法,返回被選元素的所有同胞元素;

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

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

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

prev()、prevall()、prevuntil()方法, 與上面類似,只不過返回的上面的同胞元素;

除了依次遍歷之外還有遍歷過程中可以進行過濾—

遍歷-過濾

first()方法,返回被選元素的首個元素;例如:

$("div p").first();		//返回首個元素內部的第乙個元素
last()方法,同理,返回被選元素的最後乙個元素;

eq()方法,返回被選元素中帶有指定索引號的元素,例如:

$("p").eq(1);			//選取的第二個元素;
filter()方法,可以給filter()指定引數,只返回符合引數的元素;例如:

$("p").filter(".url");		//只返回類名為「url」,的所有元素;
not()方法,與filter()方法相反;

jQuery知識整理

1.頁面重新整理方法 有時候可能會用到 window.location.reload 重新整理當前頁面.親測有效 parent.location.reload 重新整理父親物件 用於框架 opener.location.reload 重新整理父視窗物件 用於單開視窗 top.location.rel...

jquery知識整理 04 DOM操作

捕獲階段 text 設定或返回所選元素的文字內容 html 設定或返回所選元素的內容 包括html標記 val 設定或返回表單字段的值 jquery attr 方法用於獲取屬性值。對於 html 元素本身就帶有的固有屬性,在處理時,使用 prop 方法。對於 html 元素我們自己自定義的 dom ...

C primer plus筆記整理 05

允許指定占用特定位數的結構成員 官方說法 類和結構可包含比整型型別占用更少儲存空間的成員,這些成員被指定為位域 語法 declarator constant expression 注意 1.其中declarator 是在程式中訪問的成員的名稱,它必須是整型型別 包括列舉型別 2.常數表示式指定結構中...