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