jQuery DOM克隆經(jīng)常用于在網(wǎng)頁(yè)中創(chuàng)建相似的元素、多次添加內(nèi)容，而不用每次都寫一遍代碼。下面我們來(lái)看看jQuery中的dom克隆具體是如何實(shí)現(xiàn)的。
$(selector).clone(deepCopy)
clone() 方法可以復(fù)制匹配的元素以及匹配元素的所有事件和綁定的數(shù)據(jù)。當(dāng)使用 clone() 方法時(shí)，如果您不想復(fù)制被克隆元素的后代元素及其事件和數(shù)據(jù)，可以向方法傳遞一個(gè)參數(shù)false。如果您希望復(fù)制所有后代元素及其事件和數(shù)據(jù)，則將參數(shù)設(shè)置為true。最終將生成一個(gè)新的jQuery對(duì)象，其中包含被克隆元素的副本，并且不會(huì)對(duì)原始元素進(jìn)行更改。
例如：
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<div id="source"><p>這是要克隆的元素</p></div>
<div id="destination"></div>
<script>
$(document).ready(function(){
$("#source p").clone().appendTo("#destination");
});
</script>
</body>
</html>在這個(gè)例子中，我們創(chuàng)建了一個(gè)包含
標(biāo)簽的div元素，并將它克隆到另一個(gè)空的div元素中。最終結(jié)果將是：在destination元素中插入一個(gè)新的p元素，其內(nèi)容與源元素完全相同。
jQuery DOM克隆簡(jiǎn)化了網(wǎng)頁(yè)開發(fā)中的重復(fù)代碼，減少了時(shí)間和精力的浪費(fèi)。希望這篇文章對(duì)您有所幫助！