jQuery的clone()方法是一種強(qiáng)大的工具,它可以讓你快速和輕松地創(chuàng)建一個(gè)與原始元素相似的副本。當(dāng)你需要在DOM中動(dòng)態(tài)添加更多的輸入字段時(shí),這個(gè)方法會(huì)很有幫助,因?yàn)槟憧梢栽谕粋€(gè)表單中添加多個(gè)相同的輸入字段。
$(document).ready(function(){ $(".add").click(function(){ var input = $("#input").clone(); $("#form").append(input); }); });
上面的代碼片段演示了如何使用clone()方法在同一個(gè)表單中添加相同的輸入字段。當(dāng)用戶點(diǎn)擊“Add”按鈕時(shí),腳本會(huì)將ID為“input”的輸入字段克隆一份,并將其添加到表單中。
值得一提的是,使用clone()方法來添加輸入字段時(shí),需要非常小心,因?yàn)榭寺〉脑氐腎D和名稱都會(huì)和原始元素相同。如果你沒有提供唯一的ID和名稱,可能會(huì)出現(xiàn)不可預(yù)見的錯(cuò)誤。
在實(shí)戰(zhàn)中,jQuery的clone()方法可以為我們提供很多方便,但是在使用時(shí),需要非常注意元素的ID和名稱,以免出現(xiàn)不必要的問題。