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