jQuery中的clone()方法是用于復(fù)制一個(gè)DOM元素的方法。默認(rèn)情況下,它會(huì)復(fù)制元素及其所有子元素的內(nèi)容,并將其插入到DOM樹中。但是,在某些情況下,我們只想復(fù)制DOM元素本身,而不是子元素。這時(shí)就可以使用clone(true) 方法。
clone(true) 方法會(huì)深度復(fù)制元素,不僅復(fù)制元素本身,而且會(huì)復(fù)制元素中的所有子元素和事件處理程序。這是因?yàn)閰?shù)true表示復(fù)制事件處理程序。如果不指定該參數(shù)或設(shè)置為false,則不會(huì)復(fù)制元素綁定的事件處理程序。
下面是一個(gè)例子,演示如何使用clone(true) 方法:
//html// jquery $(document).ready(function(){ var sourceEle = $('#source'); var destEle = $('#destination'); // 深度復(fù)制元素 var newEle = sourceEle.clone(true); // 將復(fù)制的元素插入到目標(biāo)元素中 destEle.append(newEle); });我是一個(gè)段落
運(yùn)行后,源元素及其所有內(nèi)容,包括子元素和事件處理程序,都會(huì)被深度復(fù)制到目標(biāo)元素中。