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 相关文章推荐
$.ajax json数据传递方法
Nov 19 Javascript
动态创建script在IE中缓存js文件时导致编码的解决方法
May 04 Javascript
DropDownList控件绑定数据源的三种方法
Dec 24 Javascript
ng2学习笔记之bootstrap中的component使用教程
Mar 09 Javascript
Node+Express+MongoDB实现登录注册功能实例
Apr 23 Javascript
详解react如何在组件中获取路由参数
Jun 15 Javascript
微信小程序 密码输入(源码下载)
Jun 27 Javascript
vue proxyTable 接口跨域请求调试的示例
Sep 12 Javascript
vue+mousemove实现鼠标拖动功能(拖动过快失效问题解决方法)
Aug 24 Javascript
Vue官方推荐AJAX组件axios.js使用方法详解与API
Oct 09 Javascript
Layui数据表格之单元格编辑方式
Oct 26 Javascript
canvas实现贪食蛇的实践
Feb 15 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 图片文件上传实现代码
2010/12/29 PHP
PHP+jQuery 注册模块的改进(三):更新到Smarty3.1
2014/10/14 PHP
thinkPHP自动验证机制详解
2016/12/05 PHP
替换php字符串中的单引号为双引号的方法
2017/02/16 PHP
Yii2.0实现生成二维码功能实例
2017/10/24 PHP
javascript实现的listview效果
2007/04/28 Javascript
javascript offsetX与layerX区别
2010/03/12 Javascript
javascript 面向对象 function类
2010/05/13 Javascript
Jquery ajax传递复杂参数给WebService的实现代码
2011/08/08 Javascript
jQuery点击弹出下拉菜单的小例子
2013/08/01 Javascript
网页下载文件期间如何防止用户对网页进行其他操作
2014/06/27 Javascript
从JQuery源码分析JavaScript函数的apply方法与call方法
2014/09/25 Javascript
JS中递归函数
2016/06/17 Javascript
jquery动态遍历Json对象的属性和值的方法
2016/07/27 Javascript
使用smartupload组件实现jsp+jdbc上传下载文件实例解析
2017/01/05 Javascript
纯原生js实现table表格的增删
2017/01/05 Javascript
JavaScript实现弹出广告功能
2017/03/30 Javascript
用户管理的设计_jquery的ajax实现二级联动效果
2017/07/13 jQuery
想用好React的你必须要知道的一些事情
2017/07/24 Javascript
微信小程序tabBar用法实例详解
2017/12/04 Javascript
vue.js动画中的js钩子函数的实现
2018/07/06 Javascript
《javascript设计模式》学习笔记一:Javascript面向对象程序设计对象成员的定义分析
2020/04/07 Javascript
typescript编写微信小程序创建项目的方法
2021/01/29 Javascript
[06:38]DOTA2怒掀电竞风暴 2013Chinajoy
2013/07/27 DOTA
Python简单读取json文件功能示例
2017/11/30 Python
python numpy 部分排序 寻找最大的前几个数的方法
2018/06/27 Python
Python3连接SQLServer、Oracle、MySql的方法
2018/06/28 Python
Python函数中的可变长参数详解
2019/09/12 Python
Python爬虫设置Cookie解决网站拦截并爬取蚂蚁短租的问题
2021/02/22 Python
Gibson London官网:以地道的英国男装而著称
2019/12/06 全球购物
一些高难度的SQL面试题
2016/11/29 面试题
毕业生文员求职信
2013/11/03 职场文书
旅游管理毕业生自荐信范文
2014/03/19 职场文书
2014高三学生考试作弊检讨书
2014/12/14 职场文书
MySQL中IF()、IFNULL()、NULLIF()、ISNULL()函数的使用详解
2021/06/26 MySQL
GTX1660显卡搭配显示器推荐
2022/04/19 数码科技