jQuery复制节点clone方法的使用

在页面中,有时候需要将某个元素节点复制到另外一个节点后,如购物车的设计,在传统的javascript代码需要较为复杂的代码,而在jquery中。可以通过clone很容易实现。

语法格式:clone()

其功能为复制匹配的dom元素冰洁选中复制成功的元素。该方法仅是复制元素本身。复制后的元素不具备任何元素行为。需要需要在复制时将该元素的全部行为也进行复制,通过方法clone(true)实现。

语法格式:clone(true)

其中参数设置为true就可以复制元素的所有事件的处理。

例如:复制图片并在图片右侧显示的实现。

  1.  <script type="text/javascript">  
  2.         $(function() {  
  3.             $("img").click(function() {  
  4.                 $(this).clone(true).appendTo("span");  
  5.             })  
  6.         })  
  7.     </script>  
  8. </head>  
  9. <body>  
  10.     <span><img title="Rainier" src="../Images/img04.jpg" /></span>  
  11. </body  

相关推荐