<!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é)點(diǎn)</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="進(jìn)行淺克隆(不復(fù)制事件)" />
 <input type="button" id="btn2" value="進(jìn)行深克隆(復(fù)制事件)" />
 </div>
</body>
</html>

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

您可能感興趣的文章:

相關(guān)文章

jquery實(shí)現(xiàn)仿Flash的橫向滑動(dòng)菜單效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)仿Flash的橫向滑動(dòng)菜單效果代碼,可實(shí)現(xiàn)滑塊跟隨鼠標(biāo)滑動(dòng)效果的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-09-09
jquery實(shí)現(xiàn)吸頂導(dǎo)航效果
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)吸頂導(dǎo)航效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-01-01
基于JQuery實(shí)現(xiàn)的類似購物商城的購物車
使用JQuery Clone 模板來實(shí)現(xiàn)商品信息的展示，展現(xiàn)形式可以通過修改模板中的td來確定每一行顯示多少個(gè)商品信息
2011-12-12
增強(qiáng)用戶體驗(yàn)友好性之jquery easyui window 窗口關(guān)閉時(shí)的提示
在項(xiàng)目中，客戶提出這么個(gè)要求，就是在關(guān)閉彈出的窗口的時(shí)候，如果點(diǎn)擊紅X 或取消按鈕則提示 ”確認(rèn)保存了當(dāng)前的操作“ 這么個(gè)信息，否則就不提示啦
2012-06-06
ASP.NET jQuery 實(shí)例7 通過jQuery來獲取DropDownList的Text/Value屬性值
這節(jié)我們將通過jQuery來獲取DropDownList的Text/Value屬性值,需要的朋友可以參考下
2012-02-02
jquery 動(dòng)態(tài)增加,減少input表單的簡(jiǎn)單方法(必看)
下面小編就為大家?guī)硪黄猨query 動(dòng)態(tài)增加,減少input表單的簡(jiǎn)單方法(必看)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-10-10
jquery 圖片上一張下一張鏈接效果（續(xù)篇）
很久沒寫文章了，這段時(shí)間一直在做類似鮮果的一個(gè)應(yīng)用和數(shù)據(jù)采集，還有就是對(duì)企業(yè)和個(gè)人成長(zhǎng)的思考。
2010-04-04
jQuery使用$.ajax進(jìn)行即時(shí)驗(yàn)證的方法
這篇文章主要介紹了jQuery使用$.ajax進(jìn)行即時(shí)驗(yàn)證的方法,較為詳細(xì)的分析了jQuery基于ajax實(shí)現(xiàn)前臺(tái)驗(yàn)證與后臺(tái)數(shù)據(jù)交互的相關(guān)技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
2015-12-12
JQuery組件基于Bootstrap的DropDownList（完整版）
這篇文章主要介紹了JQuery組件基于Bootstrap的DropDownList的完整版，在原有基礎(chǔ)上進(jìn)行完善功能，感興趣的小伙伴們可以參考一下
2016-07-07
用JQuery實(shí)現(xiàn)全選與取消的兩種簡(jiǎn)單方法
本篇文章主要是對(duì)JQuery實(shí)現(xiàn)全選與取消的兩種簡(jiǎn)單方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2014-02-02