JQuery中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 Clone Bug解决代码
首先,jQuery事件绑定的时候,所有事件用$.data()方法存储到了$.cache里面,用data('events')可以反复获取到它们: 复制代码 代码如下: var $div = $('div.demo'), data = $div.data(); // 获取所有绑定事件: var events = data.events; // 除了window对象绑定事件的比较特殊: var windowEvents = $(window).data('__events__'); 在必要的时候,可以
-
jquery的clone方法应用于textarea和select的bug修复
测试发现,textarea和select的jquery的clone方法有问题,textarea和select的值clone的时候会丢掉,发现这个是jquery的一个bug,上不了的可以看下代码,比较简单.就是在clone的时候将val再重新赋值一下,如果知道这个了,就简单了自己写. 引入到你要用的clone的页面就ok jquery.fix.clone.js (function (original) { jQuery.fn.clone = function () { var result = o
-
巧妙使用JQuery Clone 添加多行数据,并更新到数据库的实现代码
web前端代码: 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="BatchAdd.aspx.cs" Inherits="BatchAdd" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www
-
jQuery中clone()函数实现表单中增加和减少输入项
之前一直没有深入了解到clone()函数的方法,所以对应表单中增加和减少输入项一直使用如: var copy_html=$(选择器).html(); alert(copy_html); 问题在于得出的copy_html直接是HTML内容代码,未经过object封装,而使用: var copy_html=$(选择器).clone(); alert(copy_html); 得出未object对象类型,若$(选择器)包含了某个触发,如 onclick,如果想copy_html继续沿用onclick方法
-
jQuery中clone()方法用法实例
本文实例讲述了jQuery中clone()方法用法.分享给大家供大家参考.具体分析如下: 此方法克隆匹配的DOM元素并且选中这些克隆的副本以及其所有的事件处理. 语法结构: 复制代码 代码如下: $(selector).clone(Events,deepEvents) 参数列表: 参数 描述 Events 可选.布尔值,用来规定事件处理函数是否被复制.默认为false. true-复制元素的所有事件处理. false-不复制元素的事件处理. deepEvents 可选.布尔值,用来规定是否对事件
-
jQuery复制节点用法示例(clone方法)
本文实例讲述了jQuery复制节点的方法.分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="js/jquery-1.10.1.min.js" type="text/
-
JQuery中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"> <
-
jQuery中contents()方法用法实例
本文实例讲述了jQuery中contents()方法用法.分享给大家供大家参考.具体分析如下: 此方法查找匹配元素内部所有的一级子节点(包括文本节点). 如果元素是一个iframe,则查找文档内容. contents()方法和children()方法类似,不同的是前者在结果jQuery 对象中包含了文本节点以及HTML元素. 语法结构: 复制代码 代码如下: $(selector).contents() 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html>
-
jQuery中empty()方法用法实例
本文实例讲述了jQuery中empty()方法用法.分享给大家供大家参考.具体分析如下: 此方法能够将匹配元素中的所有内容移除,包括所有文本和子节点. 语法结构: 复制代码 代码如下: $(selector).empty() 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" cont
-
jQuery中prevAll()方法用法实例
本文实例讲述了jQuery中prevAll()方法用法.分享给大家供大家参考.具体分析如下: 此方法查找匹配元素集合之前所有的同辈元素. 同辈元素集合可以通过选择器进行筛选. 语法结构: 复制代码 代码如下: $("selector").prevAll(expr) 参数列表: 参数 描述 expr 可选.用于过滤的表达式. 实例代码: 实例一: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta cha
-
jquery中post方法用法实例
本文实例讲述了jquery中post方法的用法,分享给大家供大家参考.具体用法分析如下: 在使用jquery实现网站的异步交互时,常用的两个函数为get和post方法,get方法使用很简单,直接提交get请求即可,如果有参数,直接追加到url后面就行,但是使用post方法时,传递参数,需要和url分开写,使得传参变得麻烦了,不过这样做起来更安全一些,而且出现中文乱码的概率也要低一些(get方法传中文很多情况下会出现乱码现象),这里就详细介绍一下post是怎样传递参数的. 首先写一个html代码如
-
jQuery中get方法用法分析
本文实例讲述了jQuery中get方法用法.分享给大家供大家参考,具体如下: 参数:url,[data],[callback],[type] url 待载入页面的URL地址. data 待发送 Key/value 参数. callback 载入成功时回调函数. type 返回内容格式,xml, html, script, json, text, _default. 案例1 表单代码: <form id="form1" action="#"> <p&
-
jQuery中innerHeight()方法用法实例
本文实例讲述了jQuery中innerHeight()方法用法.分享给大家供大家参考.具体分析如下: 获取第一个匹配元素内部区域高度. 包括内补白(padding).不包括边框border). 也就是说内部区域的宽度等于width和padding之和. 此方法对可见和隐藏元素均有效. 可以结合innerWidth()方法学习. 语法结构: 复制代码 代码如下: $(selector).innerHeight() 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html
-
jQuery中die()方法用法实例
本文实例讲述了jQuery中die()方法用法.分享给大家供大家参考.具体分析如下: 此方法移除所有通过live()方法向指定元素添加的一个或多个事件处理程序. 语法结构: 复制代码 代码如下: $(selector).die(type,function) 参数列表: 参数 描述 type 可选.定义附加到元素的一个或多个事件类型.由空格分隔多个事件值. function 定义当事件发生时运行的函数. 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html>
-
jQuery中data()方法用法实例
本文实例讲述了jQuery中data()方法用法.分享给大家供大家参考.具体分析如下: 此方法可以向匹配元素附加数据,或者从匹配元素获取数据. 语法结构一: 复制代码 代码如下: $(selector).data(name,value) 参数列表: 参数 描述 name 存储的数据名称. value 将要存储的任意数据. 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-
随机推荐
- 权限控制之粗粒度与细粒度概念及实现简单介绍
- angular ngClick阻止冒泡使用默认行为的方法
- IOS生成与读取二维码名片
- iOS点击查看大图的动画效果
- 使用Python下载歌词并嵌入歌曲文件中的实现代码
- 数据库开发总结(ADO.NET小结)
- php5 non-thread-safe和thread-safe这两个版本的区别分析
- Python中zip()函数用法实例教程
- 访问修饰符(C# 编程指南)
- 手机端转换rem适应
- 用expect实现ssh自动登录服务器并进行批量管理的实现方法
- 浅谈js键盘事件全面控制
- ThinkPHP中limit()使用方法详解
- 典型入侵日志分析
- c#中SqlTransaction——事务详解
- Android编程实现点击EditText之外的控件隐藏软键盘功能
- PHP封装的MSSql操作类完整实例
- python基于twisted框架编写简单聊天室
- 学习Python3 Dlib19.7进行人脸面部识别
- 浅谈Hibernate对象状态之间的神奇转换