JQuery文件操作

1.內部新增

1.在指定元素內部底部新增

// 在指定元素內部底部新增$(

'.parent').
($son)
;$son.
('.parent'))
;

// 在指定元素內部頂新增$(

'.parent').
prepend
($son)
;$son.
prependto
('.parent'))
;

3.在指定元素外部的前面新增元素

// 在指定元素外部的前面新增元素$(

'.parent').
after
($son)
;$son.
insertafter
('.parent'))
;

// 在指定元素外部的後面新增元素$(

'.parent').
before
($son)
;$son.
.insertbefore
('.parent'))
;

// 刪除指定節點$(

'div').
remove()
;// 刪除指定節點中含有 .active 類的節點$(
'div').
remove
('.active');
// 刪除指定節點的內容與子元素$(
'div').
empty()
;// 刪除指定節點$(
'div').
detach()
;$('div').
detach
('.active'
);

remove與detach的區別：

remove不僅會清除指定節點，節點上繫結的事件、資料也會一併清除；

detach只會清除節點，繫結的事件以及資料不會被清除。

替換節點

>

h1h1
>
>
h1h1
>

let $h6 =$(

'h6');
$('h1').
replacewith
($h6)
;$h6.
replaceall
('h1'
);

1.淺複製，只會複製內容，不會複製事件

// 淺複製，只會複製內容，不會複製事件

let $newdiv =$(
'div').
clone
(false
);

// 深複製，即會複製內容，也會複製事件

let $newdiv =$(
'div').
clone
(true
);

html() 該方法獲取html元素的內容，如：var var1=$(「p」).html();//獲取p元素內的內容

text() 獲取或設定某個html元素的內容

val() 獲取元素的value值

children() 獲取html元素的所有子節點

next() 獲取html元素後緊鄰的同輩節點

prev() 獲取html元素前緊鄰的同輩節點

siblings() 獲取html元素前後緊鄰的同輩節點

jquery文件操作

為了方便自己偶爾查詢，從w3school裡拉拉文件下來。方法 描述addclass 向匹配的元素新增指定的類名。after 在匹配的元素之後插入內容。向匹配元素集合中的每個元素結尾插入由引數指定的內容。向目標結尾插入匹配元素集合中的每個元素。attr 設定或返回匹配元素的屬性和值。before 在每...

jquery 文件操作

今天以乙個例子來看看jquery 的文件操作，首先上例子 doctype html html head style p selected highlight style script src script head body p title 12335666 jquery 文件操作 p p 例子說明...

jquery 文件操作

1 attr 獲取 設定屬性 設定多個屬性 實現 alert div first attr value div first attr value 這是第乙個div div last attr 2 removeattr 刪除屬性 實現 div last removeattr src 3 prop 獲取...