DOM——拷貝.clone()與替換.replaceWith() 和.replaceAll()及包裹.wrap()

發布時間：2020-05-04 10:23:39 來源：網絡閱讀：1646 作者：拉考的考拉欄目：web開發

拷貝.clone()與替換.replaceWith() 和.replaceAll()及包裹.wrap()

1 .clone()深度復制所有匹配的元素集合，包括所有匹配元素、匹配元素的下級元素和文字節點

2 如果節點有事件或者數據之類的其他處理，需要通過clone（ture)傳遞一個布爾值ture來指定，不僅克隆單純的節點結構，還把附帶的事件與數據一并克隆了

3 使用clone()時，再將它插入到當前文檔之前，可以修改克隆后的元素或者元素內容

4 通過傳遞true將所有綁定在原始元素上的事件處理函數復制到克隆元素上

5 .clone()是JQuery擴展的，只能處理通過JQuery綁定的事件與數據

6 元素數據（data）內對象和數組不會被復制，將繼續被克隆元素和原始元素共享，如果深度復制所有數據，需要手動一一復制

7 .replaceWith(newContent)用提供的內容替換集合中所有匹配的元素并且返回被刪除元素的集合，即用$()選擇節點A，調用replaceWith方法，傳入一個新的內容B（HTML字符串、DOM元素或者JQuery對象）用來替換選中的節點A

8 .replaceAll(target)用集合的匹配元素替換每個目標元素

9 .replaceWith()返回的JQuery對象引用的是替換前的節點，而不是通過.replaceWith() 或者.replaceAll()方法替換后的節點，還可以和其他方法鏈接使用

10 .replaceWith() 和.replaceAll()功能類似，會刪除與節點相關聯的所有數據和事件處理程序

11 .replaceWith() 和.replaceAll()目標和源的位置相反

12 .wrap(wrappingElement)在集合中匹配的每個元素周圍包裹一個HTML結構

13 .wrap(function)一個回調函數，返回用于包裹匹配元素的HTML內容或JQuery對象

14 使用后的效果與直接傳遞參數是一樣，可以把代碼寫在函數體內部，寫法不同

15 .wrap()函數可以接受任何字符串或對象，可以傳遞給$()工廠函數來指定一個DOM結構，這種結構可以嵌套好幾層，但只包含一個核心的元素，每個匹配的元素都會被這種結構包裹，該方法返回原始的元素集，以便之后使用鏈式方法

向AI問一下細節

亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看