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 相关文章推荐
Jquery乱码的一次解决过程 图解教程
Feb 20 Javascript
JQuery入门—编写一个简单的JQuery应用案例
Jan 03 Javascript
JavaScript控制各种浏览器全屏模式的方法、属性和事件介绍
Apr 03 Javascript
jQuery+PHP实现动态数字展示特效
Mar 14 Javascript
学习JavaScript设计模式(代理模式)
Dec 03 Javascript
浅谈javascript中new操作符的原理
Jun 07 Javascript
jQuery实现的网页换肤效果示例
Sep 20 Javascript
微信小程序 购物车简单实例
Oct 24 Javascript
微信小程序整合使用富文本编辑器的方法详解
Apr 25 Javascript
生成无限制的微信小程序码的示例代码
Sep 20 Javascript
jQuery AJAX应用实例总结
May 19 jQuery
Vue移动端用淘宝弹性布局lib-flexible插件做适配的方法
May 26 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
一个简洁的多级别论坛
2006/10/09 PHP
解析php框架codeigniter中如何使用框架的session
2013/06/24 PHP
从零开始学YII2框架(二)通过 Composer 安装扩展插件
2014/08/20 PHP
PHP实现自动识别Restful API的返回内容类型
2015/02/07 PHP
php简单操作mysql数据库的类
2015/04/16 PHP
thinkPHP使用post方式查询时分页失效的解决方法
2015/12/09 PHP
CI框架中$this-&gt;load-&gt;library()用法分析
2016/05/18 PHP
利用PHP获取网站访客的所在地位置
2017/01/18 PHP
php+redis实现注册、删除、编辑、分页、登录、关注等功能示例
2017/02/15 PHP
用javascript动态调整iframe高度的方法
2007/03/06 Javascript
Mootools 1.2教程 事件处理
2009/09/15 Javascript
JS实现图片翻书效果示例代码
2013/09/09 Javascript
js带按钮的提示框可供选择示例代码
2013/09/17 Javascript
浅谈javascript中createElement事件
2014/12/05 Javascript
JavaScript实现twitter puddles算法实例
2014/12/06 Javascript
JavaScript列表框listbox全选和反选的实现方法
2015/03/18 Javascript
深入解析桶排序算法及Node.js上JavaScript的代码实现
2016/07/06 Javascript
html+js+highcharts绘制圆饼图表的简单实例
2016/08/04 Javascript
JavaScript中利用构造器函数模拟类的方法
2017/02/16 Javascript
vue实现页面加载动画效果
2017/09/19 Javascript
在vscode里使用.vue代码模板的方法
2018/04/28 Javascript
vue+iview/elementUi实现城市多选
2019/03/28 Javascript
vue el-table实现行内编辑功能
2019/12/11 Javascript
在vue-cli创建的项目中使用sass操作
2020/08/10 Javascript
python使用xmlrpc实例讲解
2013/12/17 Python
python实现猜数字游戏(无重复数字)示例分享
2014/03/29 Python
django fernet fields字段加密实践详解
2019/08/12 Python
css3教程之倾斜页面
2014/01/27 HTML / CSS
瑜伽服装品牌:露露柠檬(lululemon athletica)
2017/06/04 全球购物
Harrods英国:世界领先的奢侈品百货商店
2020/09/23 全球购物
法人委托书范本
2014/04/04 职场文书
安全施工责任书
2014/08/25 职场文书
拾金不昧表扬稿
2015/01/16 职场文书
办公室主任岗位职责
2015/01/31 职场文书
MySQL中rank() over、dense_rank() over、row_number() over用法介绍
2022/03/23 MySQL
Vue OpenLayer测距功能的实现
2022/04/20 Vue.js