DOM 操作方法的簡單歸納

2022-03-24 10:43:37 字數 562 閱讀 4664

對於jquery提供的大量dom操作方法,應該根據要完成的任務和元素的位置作出不同的選

擇。本章只介紹了一部分dom操作方法,但其他方法的使用與這些方法類似;第12章還將更全

面地討論dom操作方法。下面,我們簡單地歸納出一些方法,這些方法幾乎能夠在任何情況下,

完成任何任務。

(1) 要在html中建立新元素,使用$()函式。

(4) 要在每個匹配的元素外部插入新元素,使用:

 .wrap()

 .wrapall()

 .wrapinner()

(5) 要用新元素或文字替換每個匹配的元素,使用:

 .html()

 .text()

 .replaceall()

 .replacewith()

(6) 要移除每個匹配的元素中的元素,使用:

 .empty()

(7) 要從文件中移除每個匹配的元素及其後代元素,但不實際刪除它們,使用:

 .remove()

 .detach()

jquery Dom操作方法簡單歸納

document ready function 1.prependto 2.prepend 1.insertbefore 2.before 3.insertafter 4.after 1.wrap 2.wrapall 3.wrapinner document ready function wrapi...

dom操作方法(陣列)

陣列屬性 constructor 引用陣列物件的建構函式 length 返回陣列的長度 prototype 通過增加屬性和方法擴充套件陣列定義 陣列方法 ecmascript3 新增push 在陣列末尾新增陣列 unshift 在陣列頭部新增陣列 刪除pop 刪除並返回數值的最後乙個元素 shift...

DOM屬性節點的操作方法

選擇id為pink的標籤 let pink document.queryselector pink 選擇pink元素的所有屬性節點 let pinkattr pink.attributes 列印每乙個屬性 nodename也可以以寫成name nodevalue也可以寫成value getattri...