JQuery的clone()事件是一個非常實用的方法,它可以復制一個對象并在頁面中新增一個同樣的對象。
clone()方法的語法非常簡單,只需要在需要克隆的對象上調用該方法即可,例如:
$(selector).clone();
其中,selector可以是任意的JQuery選擇器,例如ID選擇器(#id)、類選擇器(.class)、元素選擇器(element),甚至是組合的選擇器。
使用clone()方法復制的對象不僅僅是元素本身,也包括其下的子元素、文本和屬性。如果需要復制對象的子元素和事件,可以使用clone(true)方法,例如:
$(selector).clone(true);
需要注意的是,使用clone()方法復制的對象會在文檔中新增一個完全一樣的對象,包括ID屬性,因此需要注意克隆后的元素ID是否與原有元素重復。
另外,clone()方法的返回值是被復制的元素,因此可以進行鏈式調用,例如:
$(selector).clone().appendTo("body");
上述代碼將克隆selector所選的元素,并添加到文檔的body中。