JQuery中clone方法复制节点


Posted in Javascript onMay 18, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
js常用排序实现代码
Dec 28 Javascript
解决遍历时Array.indexOf产生的性能问题
Jul 03 Javascript
jquery ajax中使用jsonp的限制解决方法
Nov 22 Javascript
httpclient模拟登陆具体实现(使用js设置cookie)
Dec 11 Javascript
javascript时间函数大全
Jun 30 Javascript
javascript实现省市区三级联动下拉框菜单
Nov 17 Javascript
jQuery无刷新上传之uploadify3.1简单使用
Jun 18 Javascript
js中判断变量类型函数typeof的用法总结
Aug 09 Javascript
浅谈sass在vue注意的地方
Aug 10 Javascript
JS计算输出100元钱买100只鸡问题的解决方法
Jan 04 Javascript
借助云开发实现小程序短信验证码的发送
Jan 06 Javascript
JS中的变量作用域(console版)
Jul 18 Javascript
分享十五款 jQuery 社交网络分享插件
May 16 #Javascript
JS+CSS实现仿触屏手机拨号盘界面及功能模拟完整实例
May 16 #Javascript
js实现精美的图片跟随鼠标效果实例
May 16 #Javascript
js实现精美的银灰色竖排折叠菜单
May 16 #Javascript
JavaScript实现鼠标滑过处生成气泡的方法
May 16 #Javascript
JavaScript中继承用法实例分析
May 16 #Javascript
jQuery实现不断闪烁文字的方法
May 15 #Javascript
You might like
php中判断文件空目录是否有读写权限的函数代码
2012/08/07 PHP
PHP仿微信多图片预览上传实例代码
2016/09/13 PHP
php引用和拷贝的区别知识点总结
2019/09/23 PHP
Laravel 添加多语言提示信息的方法
2019/09/29 PHP
php操作redis数据库常见方法实例总结
2020/02/20 PHP
可以支持多中格式的JS键盘
2007/05/02 Javascript
正则表达式判断是否存在中文和全角字符和判断包含中文字符串长度
2008/09/27 Javascript
五个jQuery图片画廊插件 推荐
2011/05/12 Javascript
IE6下opacity与JQuery的奇妙结合
2013/03/01 Javascript
JS小功能(onmouseover实现选择月份)实例代码
2013/11/28 Javascript
使用CSS样式position:fixed水平滚动的方法
2014/02/19 Javascript
js定时调用方法成功后并停止调用示例
2014/04/08 Javascript
教你用jquery实现iframe自适应高度
2014/06/11 Javascript
完美解决jQuery符号$与其他javascript 库、框架冲突的问题
2016/08/09 Javascript
JS通过调用微信API实现微信支付功能的方法示例
2017/06/29 Javascript
JS简单生成由字母数字组合随机字符串示例
2018/05/25 Javascript
vue数组对象排序的实现代码
2018/06/20 Javascript
vue2.0移动端滑动事件vue-touch的实例代码
2018/11/27 Javascript
NodeJs生成sitemap站点地图的方法示例
2019/06/11 NodeJs
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
2019/11/18 jQuery
[02:36]DOTA2英雄基础教程 帕格纳
2014/01/20 DOTA
[00:34]DOTA2上海特级锦标赛 VG战队宣传片
2016/03/04 DOTA
Python的requests网络编程包使用教程
2016/07/11 Python
Python reduce()函数的用法小结
2017/11/15 Python
Django rest framework工具包简单用法示例
2018/07/20 Python
Appium+python自动化之连接模拟器并启动淘宝APP(超详解)
2019/06/17 Python
python3 dict ndarray 存成json,并保留原数据精度的实例
2019/12/06 Python
pytorch中交叉熵损失(nn.CrossEntropyLoss())的计算过程详解
2020/01/02 Python
免税水晶:Duty Free Crystal
2019/05/13 全球购物
英国计算机商店:Technextday
2019/12/28 全球购物
岗位竞聘演讲稿
2014/01/10 职场文书
运动会演讲稿
2014/05/07 职场文书
交通安全横幅标语
2014/10/07 职场文书
2015年学校教育教学工作总结
2015/04/22 职场文书
用php如何解决大文件分片上传问题
2021/07/07 PHP
Vscode中SSH插件如何远程连接Linux
2022/05/02 Servers