jQuery中的clone()函數(shù)可以用于復(fù)制一個DOM元素。
clone()函數(shù)存在于jQuery的核心庫中,可以被用于元素的復(fù)制及深復(fù)制,即復(fù)制元素內(nèi)部的子元素。
函數(shù)的語法為:$("selector").clone([deep, [withDataAndEvents]]),其中selector為被復(fù)制的元素。
$("selector").clone([deep, [withDataAndEvents]])
deep為可選參數(shù),如果為true,則會復(fù)制元素及其內(nèi)部的所有子元素。如果為false,則只復(fù)制元素本身。
$("selector").clone(true); // 深復(fù)制
$("selector").clone(false); // 淺復(fù)制
withDataAndEvents為可選參數(shù),如果為true,則會把元素及其內(nèi)部子元素的所有綁定事件一同復(fù)制。如果為false,則不復(fù)制綁定事件。
$("selector").clone(true, true); // 深復(fù)制并復(fù)制綁定事件
$("selector").clone(false, false); // 淺復(fù)制并不復(fù)制綁定事件
以下是一個使用clone()函數(shù)的示例:
<div id="container">
<span>Hello, world!</span>
</div>
<script>
var cloneElem = $("#container").clone();
$("body").append(cloneElem);
</script>
在以上示例中,我們首先定義了一個包含一個span元素的div元素,然后我們使用clone()函數(shù)復(fù)制了這個div元素,并將其添加到了文檔的body元素中。
這樣,我們便成功的使用clone()函數(shù)復(fù)制了一個DOM元素。