JQuery節點遍歷

2021-10-22 12:46:00 字數 2870 閱讀 1132

>

>

>

.ancestors *

style

>

src=

"/jquery/jquery-1.11.1.min.js"

>

script

>

>

$(document)

.ready

(function()

);})

;script

>

head

>

class

="ancestors"

>

body (曾曾祖父)

style

="width

:500px;

">

div (曾祖父)

>

ul (祖父)

>

li (直接父)

>

spanspan

>

li>

ul>

div>

body

>

html

>

上訴**:將span 的所有組員元素css樣式進行了修改

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

find() 方法返回被選元素的後代元素,一路向下直到最後乙個後代。帶參:向下遍歷找到引數型別的元素

>

>

>

.descendants *

style

>

src=

"../js/jquery-2.1.4.min.js"

>

script

>

>

$(document)

.ready

(function()

);})

;script

>

head

>

>

class

="descendants"

style

="width

:500px;

">

div (current element)

>

p (子)

>

span (孫)span

>

p>

>

p (child)

>

span (孫)span

>

p>

div>

body

>

html

>

siblings() 方法返回被選元素的所有同胞元素。可帶引數來過濾對同胞元素的搜尋。

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

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

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

$(document).ready(function());
prev(), prevall() 以及 prevuntil() 方法的工作方式與上面的方法類似,只不過方向相反而已:它們返回的是前面的同胞元素

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

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

>

>

src=

"/jquery/jquery-1.11.1.min.js"

>

script

>

>

$(document)

.ready

(function()

);script

>

head

>

>

>

歡迎來到我的主頁h1

>

>

>

這是 div 中的乙個段落。p

>

div>

>

>

這是 div 中的另乙個段落。p

>

div>

>

這也是段落。p

>

body

>

html

>

上述**有兩個div,因呼叫方法是first();所以修改樣式的是第乙個div的第乙個元素p;

eq() 方法返回被選元素中帶有指定索引號的元素。(首個元素的索引號是 0 而不是 1)這是匹配便簽中的元素內容嗎???

>

$(document)

.ready

(function()

);script

>

head

>

>

>

歡迎來到我的主頁h1

>

>

我是唐老鴨 (index 0)。p

>

>

唐老鴨 (index 1)。p

>

>

我住在 duckburg (index 2)。p

>

>

我最好的朋友是公尺老鼠 (index 3)。p

>

body

>

filter() 方法允許您規定乙個標準,匹配的元素會被返回。匹配p標籤中定義了class=intro的元素

$(document).ready(function());
ot() 方法返回不匹配標準的所有元素。與filter() 方法方法剛好相反

jquery遍歷節點

遍歷所有的li標籤 function 通過each 遍歷指定的多個同類節點 function find 函式用於查抄子節點,如果找到了,則返回被找到的節點物件 var node ul find li alert node ul find li css color yellow 滑鼠事件 type t...

jquery遍歷節點

父類節點遍歷 parent 尋找節點的第乙個父節點 引數用於篩選元素 parents 尋找節點的所有父類節點 會一直找到document 引數用於篩選元素 parentuntil el 尋找兩個節點之間的所有父類節點 子類節點遍歷 children 尋找節點的第乙個子節點 引數用於篩選元素 find...

jQuery遍歷節點

1.chirldren html jquery var bodylength body chirldren length 獲取下面的子元素個數,結果為2 var plength p chirldren length 獲取標記下的子元素個數,結果為0 var ullength ul chirldren...