2019 9 26節點遍歷

2021-09-27 10:47:13 字數 1330 閱讀 1100

遍歷屬性

<

!--div#container>ul.list>

(li.item>p

) 結構--

>

"container"

>

="list"

>

="item"

>

1<

/p>

<

/li>

="item"

>

2<

/p>

<

/li>

="item"

>

="vip"

>

3<

/p>

<

/li>

="item"

>

4<

/p>

<

/li>

="item"

>

5<

/p>

<

/li>

<

/ul>

<

/div>

"../jquery庫/jquery-3.4.1%20.js"

>

<

/script>

var $li2 =$(

'li:eq(1)');

$li2.

children()

.css

('background'

,'red');

//取第二個li並將它變為紅色

$li2.

parent()

.css

('color'

,'yellow');

//會選擇所有的li,只有最前面的變為黃色(parents)包含父元素以及父元素的父元素等·

$li2.

parents

('div#container').

('');

//這個新元素與ul同級別$(

'#container').

find

('p.vip').

css();

//找到container下所有p標籤

$li2.

next()

.css()

; $li2.

prev()

.css()

; $li2.

siblings()

.css

('fontweight'

,'bold');

//除了s2其餘變為粗體

<

/script>

JQuery 8 節點遍歷

1 next 方法用於獲取節點之後的挨著的第乙個同輩元素,menuitem next div nextall 方法用於獲取節點之後的所有同輩元素,menuitem nextall div 2 prev prevall兄弟中之前的元素。3 siblings 方法用於獲取所有同輩元素,menuitem ...

3 4 節點操作

一。元素節點的建立,新增,插入 替換,刪除 轉殖 建立節點有三種形式 1 document.createelement 元素 2 document.createtextnode 文字 3 document.createdocumentfragment document.createdocumentf...

2020 4 20 節點操作

一,建立節點 createlement 格式 document.createlement 標籤名 返回值 建立好的這個節點 二,插入節點三,建立文字節點 純文字,不解析標籤 格式 document.createtextnode 文字 四,替換節點 replacechild 格式 box1.paren...