使用jquery clone()方法复制元素

2015-01-23 20:39:22

使用clone()方法复制元素
 

调用clone()方法可以生成一个被选元素的副本,即复制了一个被选元素,包含它的节点、文本和属性,它的调用格式为:

$(selector).clone()

其中参数selector可以是一个元素或HTML内容。

例如,使用clone()方法复制页面中的一个元素,并将复制后的元素追加到页面的后面,如下图所示:
 

  1. <body> 
  2.         <h3>使用clone()方法复制元素h3> 
  3.         <span class="red" title="www.aseoe.com">爱思资源网span> 
  4.          
  5.         <script type="text/javascript"> 
  6.            $("body").append($(".red").clone()); 
  7.         script> 
  8.     body> 
  9. html> 


jquery clone()

从图中可以看出,使用clone()方法复制元素时,不仅复制了该元素的文本和节点,还将它的“title”属性也一起复制过来了。