《jQuery、jQuery UI及jQuery Mobile技巧与示例》——3.11 技巧：使用clone()复制元素

本节书摘来自异步社区《jquery、jquery ui及jquery mobile技巧与示例》一书中的第3章，第3.11节，作者：【荷】adriaan de jonge , 【美】phil dutson著，更多章节内容可以访问云栖社区“异步社区”公众号查看

如果说分离和重新添加元素只是能够移动它们，那么怎样用高效的方法来复制元素呢？为了满足这种需求，jquery提供了clone()函数。代码清单3-11演示了如何使用clone()函数来模拟在表单中重复添加元素。重复元素集是一个隐藏div的副本。

代码清单3-11　使用clone()模拟在表单中添加重复元素

第53行调用clone()之前的代码都非常简单。在第54～58行，代码筛选出input元素并更改了它们的name属性值，以确保每个值在表单中都是唯一的。当提交这个表单的时候，结果看起来像是一组重复的元素。clone()函数还可以接受两个额外的参数，使得克隆出来的元素能包含任何元素数据以及绑定事件的副本。两个参数都是布尔类型的，第一个参数指是否复制被克隆元素的数据和绑定事件，第二个参数指是否复制被克隆元素的所有后代元素的数据和绑定事件1。