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

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

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

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

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

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

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

6   元素數(shù)據(jù)（data）內(nèi)對象和數(shù)組不會被復(fù)制，將繼續(xù)被克隆元素和原始元素共享，如果深度復(fù)制所有數(shù)據(jù)，需要手動一一復(fù)制

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

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

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

10   .replaceWith() 和.replaceAll()功能類似，會刪除與節(jié)點相關(guān)聯(lián)的所有數(shù)據(jù)和事件處理程序

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

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

13   .wrap(function)一個回調(diào)函數(shù)，返回用于包裹匹配元素的HTML內(nèi)容或JQuery對象

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

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