jquery之设置元素内容(克隆元素,使用clone()方法)

jquery之设置元素内容(克隆元素,使用clone()方法)

----------

还有一个操作DOM的途径是复制元素，把复制得到的副本添加到DOM树的其他部分。jquery提供了便利的包装器方法cline()命令来实现。

clone()语法：

clone(sopyHandlers)

创建包装集里元素的副本、并返回包含这些副本的新包装集，元素以及任何后代元素都被复制，事件处理程序是否被复制，取决于参数copyHandlers的设置

参数

copyHandlers (布尔型)如果为true,复制事件处理程序；如果为false或省略，则不复制事件处理程序

返回

新建的包装集

===

如果不对其进行处理的话，利用clone()获得现在元素的副本没有什么用处。一般说来，只要生成了克隆的包装集，就可用另一个jquery命令把它附加到DOM中的某个地方，如例：

]$('img').clone().appendTo('fieldset.photo');

这个语句获取所有图像元素的副本并追加到所有带有类名photo的<fieldset>元素里，一个稍为复杂的示例如下所示：

]$('ul').clone().insertBefore('#here');

这个命令链除克隆操作的目标元素不同之外,其他操作都很类似。克隆所有的<ul>元素，包括它们的后代元素。最后再举一个示例：

]$('ul').clone().insertBefore('#here').end().hide();

这个语句执行和前面示例相同的操作，但是在插入克隆副本之后，利用end()命令来选择原始包装集(即原始目标)并隐藏它。这个示例强调克隆操作在新包装集中创建了一组新元素。