JQuery中的clone()事件是指將指定元素的復制品創建出來并添加到文檔中。clone()事件還有其它一些特性，下面我們來一一介紹。

需要注意的是，clone()事件是復制目標元素本身及其所有后代元素的文本、屬性與事件處理器等信息。

// 克隆元素并將其添加到文檔中$('#box').clone().appendTo('body');// 克隆元素并插入到當前元素之后$('#box').clone().insertAfter('#box');// 克隆元素并替換為新元素$('#box').clone().replaceAll('div');// 克隆元素并合并到當前元素中$('#box').clone().appendTo('#container').add('#box');

上述代碼中，我們先是使用clone()事件復制了ID為box的元素并將其添加到了文檔中。 其中appendTo()事件可以在復制元素后將其添加到指定的目標元素中去。

然后我們又利用clone()事件創建了另外一個復制品，并將其插入到ID為box元素之后。這時我們就可以在文檔中看到兩個完全一樣的box元素了。

接下來，我們又用replaceWith()方法將原始的box元素替換為了運用clone()事件復制的另一個box元素，這樣就能看到頁面中的box元素變成了兩個。

最后，我們通過appendTo()事件和add()方法將運用clone()事件復制出來的box元素添加到了ID為container的元素中，并將兩個box元素合并成了一個。