简述jQuery的clone()方法

最新推荐文章于 2023-06-16 20:53:39 发布
最新推荐文章于 2023-06-16 20:53:39 发布
阅读量365 收藏
点赞数
分类专栏： JavaScript 文章标签： JavaScript jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43457668/article/details/103001081
版权

介绍

复制指定元素生成新的JQ对象，传入值有两个true和false。

举例

<!DOCTYPE html>
<html>
    <head>
	<meta charset="UTF-8">
	<title></title>
	<script type="text/javascript" src="js/jquery-3.3.1.js" ></script>
    </head>
    <body>
	<input type="button" value="按钮"/>
	<script>
	    $("[type='button']").bind("click",function(){//使用bind方法绑定事件
	    console.log("按钮");
	})	
	$("[type='button']").after($("[type='button']").clone(true));//clone方法传入false或不传入值，则后插入的按钮没有点击事件
	</script>
    </body>
</html>

方法

clone()方法可以复制指定元素，但要注意区分clone传输值不同，其复制的“深度”也不同。

若赋值为true，则上面代码段结果为：

 

点击使用clone方法复制出来的按钮，也会连接事件。

然而，如果赋值为false，则页面代码片段与上图一致，但复制出来的input标签不绑定事件。

肥胖的企鹅
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JQuery中clone方法复制节点
10-24
主要介绍了JQuery中clone方法复制节点,实例分析了clone方法浅克隆与深克隆的使用方法,需要的朋友可以参考下
jq元素复制另一个元素的html,jq中复制克隆元素节点的方法
weixin_39992788的博客
06-25 1439
jquery中有一个 clone() 方法，它可以复制元素以及元素的子节点，可以使用它将一个元素复制到多个地方并展示，具体的使用方法可以参考下面的文章。JQuery clone() 方法clone()：复制一个指定的元素，包括这个元素的子节点，内容以及属性。语法：$(selector).clone();jq复制指定的元素的方法例1：利用clone() 方法复制一个元素html>飞鸟慕鱼博客-...
JQ中的clone()方法与DOM中的cloneNode()方法
weixin_34378045的博客
01-14 860
　　　　　　JQ中的clone()方法与DOM中的cloneNode()方法 cloneNode()定义和用法 　　cloneNode()方法创建节点的拷贝，并返回该副本。 　　语法： node.cloneNode(deep); 其接收一个可选参数"deep"，为布尔类型，默认是false。 　　当设置为true，克隆当前节点，属性及当前节点的后代.若设置为false,仅仅克隆当前元素节...
jQuery 文档操作 - clone() 方法
生活中的思索
09-12 1200
clone( [withDataAndEvents ] ):创建一组匹配元素的深层副本 withDataAndEvents :一个布尔值，指示是否应复制克隆元素的所有子代的事件处理程序和数据。默认情况下，它的值与第一个参数的值匹配（默认值为false）。clone（）方法执行匹配元素集的深层拷贝，这意味着它会复制匹配的元素以及其所有后代元素和文本节点。注意：出于性能原因，某些表单元素（例如，输入到
jQuery之克隆节点clone()
最新发布
06-16 642
【代码】jQuery之克隆节点clone()
jQuery--复制节点clone()详解
吴声子夜歌的博客
10-02 4419
复制节点 节点复制也是常见的DOM操作，例如，在实现购物车时使用鼠标将商品拖拽到购物车中，商品的拖拽功能就可以使用节点的复制来实现。 在jQuery中提供了clone()方法，用于复制DOM节点（包含节点中的子节点、文本节点和属性节点），其语法格式如下： $(sselector).clone(includeEvents, [deepEvents]) $(selector)：表示需要复制的节点元...
jQuery clone( ) 方法
m0_57835615的博客
06-11 1513
语法格式： $(selector).clone(true[false])
jquery 克隆clone()使用实例
一样的代码，不一样的人生。
11-05 2692
WEB项目中脚本的位置是十分重要的，尤其在用户体验方面。  开发过程中可能需要动态创建hmtl控件，如使用提交服务器方法来实现实在是体验差，当前页面数据保存也是个麻烦事，jquery提供了clone()方法，其中有一个参数： true:克隆指定对象所以内容，包括控件，值，事件。 flse:克隆内容，事件不会克隆。 实例如下： //添加任务 function addTask() {
jQuery中克隆（clone）方法
nairuozi的博客
11-10 1500
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-3.3.1.js" ></script> </he...
jQuery Clone Bug解决代码
10-28
jQuery Clone Bug解决代码，具体看测试代码。
jQuery中clone()方法用法实例
10-24
主要介绍了jQuery中clone()方法用法,实例分析了clone()方法的功能、定义及克隆匹配的DOM元素的使用技巧,需要的朋友可以参考下
jquery的clone方法应用于textarea和select的bug修复
10-25
textarea和select的值clone的时候会丢掉，在clone的时候将val再重新赋值一下，如果知道这个了就加单了
jquery之clone()方法详解
weixin_33869377的博客
10-17 705
clone()函数用于克隆当前匹配元素集合的一个副本，并以jQuery对象的形式返回。你也可以简单地理解为：克隆当前jQuery对象。 你还可以指定是否复制这些匹配元素(甚至它们的子元素)的附加数据( data()函数 )和绑定事件。 该函数属于jQuery对象(实例)。 语法 jQueryObject.clone( withDataAndEvents [, deepWithDataAnd...
JQuery（16）_JQuery 中的 DOM 操作之节点克隆
魏宇轩
12-13 583
本系列博客汇总在这里：JQuery 汇总 JQuery 中的 DOM 操作之节点克隆一、复制节点1、clone()2、clone(true)二、代码演示 一、复制节点 1、clone() 克隆匹配的 DOM 元素，返回值为克隆后的副本。但此时复制的新节点不具有任何行为。 2、clone(true) 复制元素的同时也复制元素中的的事件。 二、代码演示 <%@ page language="j...
11.21第14节课
jiyan1234的博客
11-21 280
一、查找节点和创建节点1、查找节点 1.查找元素节点 查找元素节点非常简单，用 jQuery 择器即可完成。var $li = $('ul li:eq(1)'); var li_txt = $li.text(); alert(li_txt); 2.查找属性节点 利用选择器查找到需要的元素之后，就可以使用attr()方法来获取它的各种属性值。 var $para = $('p');
jquery on方法原理_jQuery.on() 函數深入解析
weixin_36439236的博客
02-17 164
on()函數用於為指定元素的一個或多個事件綁定事件處理函數。此外，還可以額外傳遞給事件處理函數一些所需的數據。基本介紹從jQuery 1.7開始，on()函數提供了綁定事件處理程序所需的所有功能，用於統一取代以前的bind()、 delegate()、 live()等事件函數。on()支持直接在目標元素上綁定事件，也支持在目標元素的祖輩元素上委托綁定。在事件委托綁定模式下，即使是執行on()函數之...
JavaScript第八章总结
qq_45558368的博客
08-16 145
（1）DOM操作分类 DOM Core：任何一种支持DOM的编程语言都可以使用它，如getElementById() HTML-DOM：用于处理HTML文档，如document.forms CSS-DOM：用于操作CSS，如element.style.color=“green” （2）设置和获取样式值 1使用css（）设置样式和获取样式值 css（name，vale） （3）模拟切换和隐藏togglecalss() $(select).togglecalss() (4)判断是否含指定的样式hasclas
jq中的克隆用法
我用键盘敲出一个世界
08-17 919
clone() 方法生成被选元素的副本，包含子节点、文本和属性； $(selector).clone(includeEvents)； 所谓includeEvents。可选。布尔值。规定是否复制元素的所有事件处理。 默认地，副本中不包含事件处理器。 下面为大家分享一个clone 包括事件处理器。(document).ready(function(){(document).ready(funct
简述JS中next方法与nextAll方法
飞翔的企鹅的博客
11-09 9528
介绍 next() 取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合 nextAll() 查找当前元素之后所有的同辈元素 区分 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> &l...
js有替换jquery的clone方法嘛
05-26
是的，JavaScript的原生方法`Node.cloneNode()`可以替换jQuery的`clone()`方法。`cloneNode()`方法会返回当前节点的副本，但是不会复制事件监听器和数据，因此需要手动处理这些内容。下面是一个示例： ``` const ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值