JQuery中clone方法復(fù)制節(jié)點

更新時間：2015年05月18日 10:19:12 作者：永遠愛好寫程序

這篇文章主要介紹了JQuery中clone方法復(fù)制節(jié)點,實例分析了clone方法淺克隆與深克隆的使用方法,需要的朋友可以參考下

本文實例講述了JQuery中clone方法復(fù)制節(jié)點。分享給大家供大家參考。具體如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>復(fù)制節(jié)點</title>
<style type="text/css">
#main{
width:300px;
margin:200px auto;
background-color:gold;
padding:10px;
}
</style>
<script src="js/jquery-1.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
 $(function () {
  var $text = $("#txt1");
  $text.click(function () { alert('我是文本框單擊事件'); });
  $("#btn1").click(function () {
  $("#btn1").after($text.clone()); //淺克隆(不復(fù)制事件)
  });
  $("#btn2").click(function () {
  $("#btn2").after($text.clone(true)); //深克隆(復(fù)制事件)
  });
 });
</script>
</head>
<body>
 <div id="main">
 <input type="text" value="我是文本框" id="txt1" />
 <input type="button" id="btn1" value="進行淺克隆(不復(fù)制事件)" />
 <input type="button" id="btn2" value="進行深克隆(復(fù)制事件)" />
 </div>
</body>
</html>

希望本文所述對大家的jQuery程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery實現(xiàn)輪播圖效果demo
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-01-01
jQuery第一次運行頁面默認觸發(fā)點擊事件的實例
下面小編就為大家分享一篇jQuery第一次運行頁面默認觸發(fā)點擊事件的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-01-01
JavaScript實現(xiàn)的滾動公告特效【基于jQuery】
這篇文章主要介紹了JavaScript實現(xiàn)的滾動公告特效,結(jié)合完整實例形式詳細分析了基于jQuery實現(xiàn)的頁面元素間歇修改,最終達到滾動公告效果的相關(guān)操作技巧,需要的朋友可以參考下
2019-07-07
給Easyui-Datebox設(shè)置隱藏或者不可用的解決方法
最近我在做一個安全監(jiān)測系統(tǒng)，選擇了用easyui進行搭建，easyui是一種基于jQuery的用戶界面插件集合。使用easyui可以省去很多代碼，功能上需要加一些樣式。下面小編給大家介紹下給Easyui-Datebox設(shè)置隱藏或者不可用的解決方法
2017-05-05
JQuery插件Style定制化方法的分析與比較
最近因為項目的需要，使用了一個JQuery插件。把插件下下來后，很快我就發(fā)現(xiàn)，很多默認的插件Style不符合項目要求，必須要被修改
2012-05-05
JQuery.closest(),parent(),parents()尋找父結(jié)點
在50個必備的實用jQuery代碼段看到關(guān)于closest()方法的介紹，考慮到開發(fā)過程中經(jīng)常有找爹的需求，以前用的都是parent()/parents()方法（還經(jīng)常找不到！），所以就此研究對比一下！
2012-02-02
jQuery動態(tài)添加.active 實現(xiàn)導(dǎo)航效果代碼思路詳解
這篇文章主要介紹了jQuery動態(tài)添加.active 實現(xiàn)導(dǎo)航效果代碼思路詳解,需要的朋友可以參考下
2017-08-08
jQuery實現(xiàn)圖片簡單輪播功能示例
這篇文章主要介紹了jQuery實現(xiàn)圖片簡單輪播功能,結(jié)合實例形式分析了jQuery基于定時器與事件響應(yīng)的頁面元素屬性動態(tài)操作實現(xiàn)圖片輪播功能相關(guān)操作技巧,需要的朋友可以參考下
2018-08-08
基于jQuery實現(xiàn)可編輯的表格
這篇文章主要為大家詳細介紹了基于jQuery實現(xiàn)可編輯的表格，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-12-12
jQuery Easyui DataGrid點擊某個單元格即進入編輯狀態(tài)焦點移開后保存數(shù)據(jù)
這篇文章主要介紹了jQuery Easyui DataGrid點擊某個單元格即進入編輯狀態(tài)焦點移開后保存數(shù)據(jù)的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-08-08