jQuery如何複製克隆一個元素節點
本章節介紹一下實現對指定元素節點的複製克隆效果。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> div{ width:200px; height:200px; border:1px solid blue; } p{ width:200px; height:200px; border:1px solid green; } </style> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("p").clone().insertBefore("div"); }) }) </script> </head> <body> <div>我是div</div> <p>我會被克隆</p> <button>點選檢視效果</button> </body> </html>
更多相關內容可以參閱jQuery clone()一章節。
相關文章
- javascript如何實現複製克隆一個dom元素節點JavaScript
- jquery如何新增一個新的元素節點jQuery
- js如何克隆一個節點物件JS物件
- jQuery如何刪除元素節點jQuery
- jQuery如何獲取元素父節點和子節點jQuery
- jQuery複製指定li元素jQuery
- 利用jQuery如何刪除一個節點jQuery
- jquery獲取元素節點jQuery
- 使用jQuery刪除一個元素節點程式碼例項jQuery
- 原生javascript如何刪除一個元素節點物件JavaScript物件
- JavaScript 獲取下一個元素節點JavaScript
- 克隆資料庫之RMAN複製(一)資料庫
- jQuery複製頁面元素程式碼例項jQuery
- JavaScript cloneNode() 克隆節點JavaScript
- JS物件深度克隆/複製JS物件
- jQuery如何判斷一個元素是否存在jQuery
- jQuery如何建立一個新的元素物件jQuery物件
- js 淺拷貝(淺複製、淺克隆)、深拷貝(深複製、深克隆)JS
- jQuery如何判斷某一個元素是否存在jQuery
- JavaScript獲取下一個同級元素節點JavaScript
- javascript如何複製一個陣列JavaScript陣列
- jquery如何獲取第一個或最後一個子元素?jQuery
- 【Mongodb】mongo複製集只剩一個secondery節點的解決辦法MongoDB
- javascript如何建立一個文字節點JavaScript
- 克隆資料庫之使用者管理複製(一)資料庫
- jquery如何在li元素列表的開頭新增一個新li元素jQuery
- JS如何實現點選複製功能,JS點選複製文字JS
- jQuery隱藏一個div元素jQuery
- jQuery獲取上一個元素jQuery
- jquery獲取指定節點的第一級文字節點jQuery
- 如何利用jQuery判斷一個元素是否被隱藏jQuery
- 原生js實現的獲取當前元素的上一個元素節點JS
- jquery獲取指定元素的父節點程式碼例項jQuery
- 克隆資料庫之RMAN複製(二)資料庫
- CoffeeScript攻略2.1:克隆物件(深複製)物件
- jQuery獲取當前元素的下一個元素jQuery
- jQuery點選的是第幾個li元素jQuery
- 如何執行一個 Conflux 節點UX