jQuery中的clone()方法能夠復(fù)制DOM元素并且將其插入到文檔中。在大多數(shù)情況下,這個方法可以在一行代碼中創(chuàng)建一個完整的DOM元素的副本。這個方法有許多選項(xiàng),使得使用它可以實(shí)現(xiàn)各種不同的功能。
// 基本用法 $(selector).clone(); // 傳遞參數(shù) $(selector).clone(true, true); // 修改id屬性 $(selector).clone().attr("id", "new-id"); // 復(fù)制并插入到DOM中 $(selector).clone().appendTo("#new-parent"); // 刪除復(fù)制的元素 $(selector).clone().remove();
如果clone()方法的第一個參數(shù)為true,它將會復(fù)制DOM元素的所有事件處理程序。如果第二個參數(shù)為true,則它將會連同元素的數(shù)據(jù)(如容器的value屬性)一起復(fù)制。你也可以在復(fù)制元素后修改它的屬性,如上述的示例所示。
需要注意的是,在使用clone()方法時,創(chuàng)建的副本元素可能具有與原始元素相同的id屬性,因此應(yīng)該注意在控制臺中檢查問題。
總的來說,jQuery中的clone()方法是一個強(qiáng)大的工具,可以允許您在DOM中創(chuàng)建復(fù)制副本,這將在許多情況下非常有用。