歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> jQuery復制節點clone方法的使用

jQuery復制節點clone方法的使用

日期:2017/3/1 10:59:26   编辑:Linux編程

在頁面中,有時候需要將某個元素節點復制到另外一個節點後,如購物車的設計,在傳統的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