JQuery中clone方法复制节点
更新时间：2015年05月18日 10:19:12 作者：永远爱好写程序
这篇文章主要介绍了JQuery中clone方法复制节点,实例分析了clone方法浅克隆与深克隆的使用方法,需要的朋友可以参考下
本文实例讲述了JQuery中clone方法复制节点。分享给大家供大家参考。具体如下：
<!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>复制节点</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()); //浅克隆(不复制事件)
});
$("#btn2").click(function () {
$("#btn2").after($text.clone(true)); //深克隆(复制事件)
});
});
</script>
</head>
<body>
<div id="main">
<input type="text" value="我是文本框" id="txt1" />
<input type="button" id="btn1" value="进行浅克隆(不复制事件)" />
<input type="button" id="btn2" value="进行深克隆(复制事件)" />
</div>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
jquery win 7透明弹出层效果，点击可以弹出一个透明层的jquery特效,插件可以调弹出框的宽度和高度，很不错的一个弹出层插件。2013-08-08
javascript loadScript异步加载脚本示例讲解
本文讲解了javascript异步加载脚本并触发回调函数的方法，在加载远程数据的时候可以用到，下面提供代码示例和源码2013-11-11
data模块是一个比较有趣的功能，可以为任意的Element 添加额外的数据。而且处理了循环引用和内存泄漏的问题。API非常简单，就是.data(key, value)用来保存，.data(key)用开查询数据。2011-06-06
昨天写了篇通过jQuery源码学习javascript（一），里面有一个定义对象C的方法，我早期也没有太注意这个方面的技术细节。后来我查了一下资料，发现里面有很多巧的地方。今天与大家分享2012-12-12
这是一个升级版本，更新了一个在IE8里的小问题，加入了提示框的内容自动换行处理(北京点上有演示)！估计差不多该是最后样式了。IE6、IE8、谷歌、火狐、测试正常。2015-04-04
本文给大家分享基于jquery实现弹窗居中效果类似于alert(),代码简单易懂，非常不错，具有参考借鉴价值，需要的的朋友参考下2017-02-02
这篇文章主要介绍了jQuery实现的自定义滚动条,结合完整实例详细分析了jQuery自定义滚动条的实现步骤与相关操作技巧,并给出了jquery.jscroll.js插件的完整代码,需要的朋友可以参考下2016-09-09
这篇文章主要介绍了浅谈jquery中delegate()与live()的相关资料,需要的朋友可以参考下2015-06-06
如果在domready之后用js动态添加几行，那新增的几行中的这些按钮都将失去任何作用，下面与大家分享四种解决方法2014-06-06
利用jQuery简单实现产品展示图片左右滚动功能(示例代码)
本篇文章主要是对利用jQuery简单实现产品展示图片左右滚动功能的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
最新评论