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