如何在jQuery中复制元素？详解clone()方法

jQuery中复制元素的clone()方法

jQuery中的clone()方法可以复制一个元素，它可以复制元素及其所有属性，包括子元素。clone()方法有两个参数，第一个参数表示是否复制元素的事件和数据，默认值为false，表示不复制；第二个参数表示是否复制元素的子元素，默认值为true，表示复制。

$("#btn").click(function(){
    $("#elem").clone().appendTo("body");
});

上面的代码表示，当点击按钮#btn时，就会复制元素#elem，并将复制的元素添加到body元素中。

如果要复制元素#elem的事件和数据，可以这样写：

$("#btn").click(function(){
    $("#elem").clone(true).appendTo("body");
});

如果要复制元素#elem，但不复制它的子元素，可以这样写：

$("#btn").click(function(){
    $("#elem").clone(false).appendTo("body");
});

clone()方法还可以用来复制元素的子元素，只需要将元素的子元素作为参数传入即可：

$("#btn").click(function(){
    $("#elem").children().clone().appendTo("body");
});

使用clone()方法可以实现复制元素的功能，它可以复制元素及其所有属性，包括子元素，并可以指定是否复制元素的事件和数据，以及是否复制元素的子元素。