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 相关文章推荐
阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)
May 08 Javascript
js获取表格的行数和列数的方法
Oct 23 Javascript
JavaScript识别网页关键字并进行描红的方法
Nov 09 Javascript
论Bootstrap3和Foundation5网格系统的异同
May 16 Javascript
JavaScript基于原型链的继承
Jun 22 Javascript
JavaScript学习笔记整理_setTimeout的应用
Sep 19 Javascript
javascript十六进制数字和ASCII字符之间的转换方法
Dec 27 Javascript
JS判断时间段的实现代码
Jun 14 Javascript
详解webpack进阶之loader篇
Aug 23 Javascript
Javascript之高级数组API的使用实例
Mar 08 Javascript
vue中js判断长时间不操作界面自动退出登录(推荐)
Jan 22 Javascript
Jquery Fade用法详解
Nov 06 jQuery
分享十五款 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 递归效率分析
2009/11/24 PHP
php+ajax做仿百度搜索下拉自动提示框(有实例)
2012/08/21 PHP
php使用$_POST或$_SESSION[]向js函数传参
2014/09/16 PHP
php可应用于面包屑导航的递归寻找家谱树实现方法
2015/02/02 PHP
Yii框架连接mongodb数据库的代码
2016/07/27 PHP
Thinkphp结合AJAX长轮询实现PC与APP推送详解
2017/07/31 PHP
Cookie 注入是怎样产生的
2009/04/08 Javascript
javascript:void(0)的作用示例介绍
2013/10/28 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
2015/09/26 Javascript
JavaScript简单获取页面图片原始尺寸的方法
2016/06/21 Javascript
浅谈jQuery为哪般去掉了浏览器检测
2016/08/29 Javascript
hovertree插件实现二级树形菜单(简单实用)
2016/12/28 Javascript
Ajax异步获取html数据中包含js方法无效的解决方法
2017/02/20 Javascript
基于js粘贴事件paste简单解析以及遇到的坑
2017/09/07 Javascript
详解微信小程序审核不通过的解决方法
2018/01/17 Javascript
讲解vue-router之什么是动态路由
2018/05/28 Javascript
vue中render函数的使用详解
2018/10/12 Javascript
微信小程序实现选项卡效果
2018/11/06 Javascript
JavaScript实现PC端四格密码输入框功能
2020/02/19 Javascript
详解Vue串联过滤器的使用场景
2020/04/30 Javascript
vantUI 获得piker选中值的自定义ID操作
2020/11/04 Javascript
vue使用require.context实现动态注册路由
2020/12/25 Vue.js
[01:32]TI珍贵瞬间系列(一)
2020/08/26 DOTA
python每次处理固定个数的字符的方法总结
2013/01/29 Python
django使用html模板减少代码代码解析
2017/12/12 Python
Django 路由控制的实现
2019/07/17 Python
django基于restframework的CBV封装详解
2019/08/08 Python
后端开发使用pycharm的技巧(推荐)
2020/03/27 Python
树莓派升级python的具体步骤
2020/07/05 Python
工作个人的自我评价
2014/01/14 职场文书
优秀员工推荐信
2014/05/10 职场文书
保护黄河倡议书
2014/05/16 职场文书
生产车间标语
2014/06/11 职场文书
2014年个人售房协议书
2014/10/30 职场文书
SpringCloud的JPA连接PostgreSql的教程
2021/06/26 Java/Android
Python+DeOldify实现老照片上色功能
2022/06/21 Python