歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
您现在的位置: Linux教程網 >> UnixLinux >  >> Linux編程 >> Linux編程

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  
Copyright © Linux教程網 All Rights Reserved