jquery之clone()方法详解

jQuery中的clone()方法用于创建一个元素的副本，包括它的所有属性、子元素以及绑定的事件。

语法：

$(selector).clone(deep, withDataAndEvents)

参数：

- deep：可选。默认为false，表示只复制当前元素，不复制它的所有子孙节点。如果为true，则表示复制当前元素及其所有子孙节点。注意，如果当前元素有子孙节点，设置为true可能导致执行时间变长。
- withDataAndEvents：可选。默认为false，表示新元素不会复制当前元素绑定的事件处理函数和数据。如果为true，则表示新元素会复制当前元素的所有事件处理函数和数据。

示例：

<div id="original">
  <p>这是一个段落。</p>
  <button>点击我</button>
</div>

// 复制元素及其所有子孙节点
var clone = $('#original').clone(true);

// 将副本添加到文档中
$('body').append(clone);

上面的代码会将原始元素`#original`及其所有子孙节点复制一份，并将该副本添加到文档中。

需要注意的是，使用clone()方法复制元素时，如果原始元素有id属性，会导致多个元素拥有相同的id属性，这违反了HTML标准。因此，在复制元素时最好不要复制它们的id属性。

另外，如果原始元素绑定了事件处理函数或者数据，复制后的副本也会继承这些事件处理函数和数据。如果不想继承，需要将withDataAndEvents参数设置为false。