jquery之设置元素内容(克隆元素,使用clone()方法)

fhd001 fhd001 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 6.3k累计阅读 6.3k平均单平台 已同步平台 CSDN 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄19年
关注
原创 最新推荐文章于 2025-12-13 10:23:35 发布 6.3k 阅读 AI 写同款· GEO 优化 ›
Apollo control模块横向控制原理及核心代码逐行解析 看完这篇文章，你会对apollo横向控制有一个整体的概念 阅读详情

jquery之设置元素内容(克隆元素,使用clone()方法)

----------

还有一个操作DOM的途径是复制元素，把复制得到的副本添加到DOM树的其他部分。jquery提供了便利的包装器方法cline()命令来实现。
clone()语法：
clone(sopyHandlers)
创建包装集里元素的副本、并返回包含这些副本的新包装集，元素以及任何后代元素都被复制，事件处理程序是否被复制，取决于参数copyHandlers的设置
参数
copyHandlers  (布尔型)如果为true,复制事件处理程序；如果为false或省略，则不复制事件处理程序
返回
新建的包装集
===
如果不对其进行处理的话，利用clone()获得现在元素的副本没有什么用处。一般说来，只要生成了克隆的包装集，就可用另一个jquery命令把它附加到DOM中的某个地方，如例：

这个语句获取所有图像元素的副本并追加到所有带有类名photo的<fieldset>元素里，一个稍为复杂的示例如下所示：

这个命令链除克隆操作的目标元素不同之外,其他操作都很类似。克隆所有的<ul>元素，包括它们的后代元素。最后再举一个示例：

这个语句执行和前面示例相同的操作，但是在插入克隆副本之后，利用end()命令来选择原始包装集(即原始目标)并隐藏它。这个示例强调克隆操作在新包装集中创建了一组新元素。

收录于
jquery

当前文章被收录于：

jquery
56 篇文章 0 人学习
订阅专栏 查看详情
标签
#jquery
本内容遵循 CC 4.0 BY-SA 版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
F28335 DSP ePWM模块实战：从基础配置到电机控制 本文详细解析了TI TMS320F28335 DSP的ePWM模块，从基础概念、寄存器配置到实战应用。通过代码示例，手把手教你如何配置定时中断、生成PWM波形、实现死区保护与故障联防，并最终完成一个可调速、可换向的直流电机控制项目，是掌握F28335电机控制核心技术的实战指南。 阅读详情

相关推荐

嵌入式工程师成长之路（10）——项目举例

送给大学毕业后找不到奋斗方向的你（每周不定时更新）

云轩阁 5万+

jQuery中克隆（clone）方法

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-3.3.1.js" ></script> </he...

nairuozi的博客 1695

把 sy-* 带进 ABAP CDS：ABAP 7.50 里的环境信息新姿势（$session 与 @Environment.systemField 实战）

摘要：ABAP 7.50在CDS视图中引入两种获取环境信息的方式：1）直接使用$session会话变量读取用户、客户端和系统语言；2）通过@Environment.systemField注解参数，由Open SQL自动注入系统字段。$session方式简单但依赖Open SQL访问路径，非ABAP环境下可能失效；注解参数方案更工程化，依赖关系明确且支持测试。建议ABAP体系内优先使用$session，对外接口采用参数化方案。两种方式各有适用场景，正确选择可避免潜在风险。（148字）

2007 年 ~ 2025 年，深耕 SAP 技术 18 年 116

jQuery -> 克隆DOM元素

jQuery总clone的用法，顺便讲解了end的用法

老梁的专栏 1万+

jQuery clone( ) 方法

语法格式： $(selector).clone(true[false])

m0_57835615的博客 1747

DOM学习实用路线（8）——DOM节点操作之DOM克隆节点和DOM深浅克隆（拷贝）、DOM文档碎片（性能优化）

节点操作 克隆节点 node.cloneNode(deep) deep: 默认为false deep 为 true, 克隆元素及属性，以及元素的内容和后代 deep 为 false, 只克隆元素本身，及它的属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8...

xiao廸要飞 682

js进行DOM深克隆（连同属性也一起克隆）

最近在写一个组件，然后需要进行DOM对象的克隆引发的问题 首先js对dom的克隆在原生js API就一个方法 var origin = document.getEleme.getElementById("需要克隆的元素id"); //这个是进行浅克隆，就克隆当前标签，子标签这些都不克隆 var originNew = origin.cloneNode(); //这个时候我们需要加一个参数 进行深克隆 var originNew = origin.cloneNode(true); 问题： 克隆完成后发现，c

小明的博客 4034

jQuery的克隆方法clone()

网页中用到克隆的地方有很多，例如页面滚动到底部时内容动态加载，都可以用克隆来实现。 克隆时一般先把模板单独放出来，并给样式设置为display:none，用jQuery的clone()实现 1 <div class="panel panel-default clone-box"> 2 <div class="pa...

weixin_30784501的博客 405

jQuery中的创建元素、追加元素、清空元素内容、自定义属性、获取和设置属性和属性值等

一、动态创建元素及追加元素 1、DOM中创建元素: （1）.document.write("标签代码");缺陷:页面加载后创建元素,把页面中原有的内容全部的干掉 （2）.innerHTML （3）.document.createElement("标签的名字") 2、jQuery中创建元素的方式: （1）.$("标签的代码") 创建元素的方式.$(“html标签”)可以创建元素 （2）.对象.htm...

qq_46179813的博客 826

jQuary总结9:html()的常见用法

1html() 不传参数 用于获取内容 //html <div> <p></p> <span></span> 文本 </div> //js console.log($('div').html()); // 返回 <p></p> ...

anjiye7641的博客 106

jQuery笔记6-常见操作

清空元素 html("")方法 empty()方法 remove()方法 克隆元素 clone()方法 清空和克隆元素的demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>清空元素中的内容</title> <script src="../jquery-1.12.2.js"></script&gt

Zzzpiu的博客 214

jquery 克隆clone()使用实例

WEB项目中脚本的位置是十分重要的，尤其在用户体验方面。  开发过程中可能需要动态创建hmtl控件，如使用提交服务器方法来实现实在是体验差，当前页面数据保存也是个麻烦事，jquery提供了clone()方法，其中有一个参数： true:克隆指定对象所以内容，包括控件，值，事件。 flse:克隆内容，事件不会克隆。 实例如下： //添加任务 function addTask() {

一样的代码，不一样的人生。 2838

jQuery 元素的克隆 clone()

var input1 = $('input'); input1.on('click',function(){ alert('动态添加的内容！'); }); //clone() 浅克隆 $('input').clone().appendTo($('body')); //clone(true) 深克隆 可以将动态添加的行为等克隆进去 $('input').clon

YOUAFR的博客 1820

JQuery学习之路Part6：元素的操作(添加元素、清空元素、克隆元素)

一、添加元素 prepend()：在被选元素的儿子的最前面插入内容 例： $("p").prepend("Some text."); prependTo()：插入在被选元素的儿子的最前面 例： $("<b>Some text.</b>").prependTo("p") 区别： a.prepend(b) = b.prependTo(a) 用途：对象不一样 可以串联函数...

"✧treasure mountain✧" 7853

java对象clone()方法

java赋值是复制对象引用，如果我们想要得到一个对象的副本，使用赋值操作是无法达到目的的： @Test public void testassign(){ Person p1=new Person(); p1.setAge(31); p1.setName("Peter"); Person p2=p1; System.out.println(p1==p2);//true }...

客人 12万+

jQuery——clone()方法

作用：创建一个匹配的元素集合的深度拷贝副本（可拷贝元素样式、属性）

桃花扇的博客 1335

js中克隆详解

js中克隆详解 再讨论js克隆之前，我们先来回忆一下js的数据类型。 基本数据类型：数值型、字符串型、布尔型、null、undefined。 引用数据类型：函数、数组、对象（因为万物皆对象，所有也可以说引用数据类型只有object） 1.克隆对象是基本数据类型我们可以直接赋值给需要的变量即可 <script> var a=10; var b=a; console.log(a); //10 console.log(b); //10 b=520; c

RoddyLD的博客 3900

js中的克隆

在js中克隆被分为深度克隆和浅克隆 克隆的概念 深克隆 所有元素或属性完全复制，与原对象完全脱离，也就是说所有对新对象的修改都不会映射到原对象中 浅克隆 原始类型为值传递，对象类型仍为引用传递，所以改变新对象中的引用值会改变原对象中 var lilei = { sname: 'Li Lei', sage: 12, cars: [1, 2, 3], inrt() { console

TXW6666的博客 769

jQuery：＜4＞克隆事件、修改属性、获取数值和注册事件的实用方式

这一期的内容有点多，不过都是简单的知识，只要看一看大家就会用的，毕竟jQuery那么方便，对了，给大家推荐一个快速引入jQuery的方法，以后就不需要在自己磁盘上引入了： 1、网上引入jQuery： 打开浏览器输入bootcdn点击第一个搜索jQuery: 搜到之后单击第一个： 上面后面的连接随便复制一个就可以拿来用了 2、克隆事件： 我们可以使用clone（），方法来进行元素的克隆，这个方法含有一个参数，false true，如果是true的话就会克隆事件，否则不会，如果不

aiwanchengxu的博客 776

DOM之元素的 创建+添加+删除+克隆

方式2利用innerHTML创建元素（不推荐用）innerHTML属性值不运行时，当作字符串，运行时当作js代码。

weixin_47075145的博客 3127

jq 元素克隆

使用jQuery中append() 方法 $(document).ready(function(){ $(“button”).click(function(){ (&quot;body&quot;).append((&quot;body&quot;).append(("body").append((“p:first”).clone(true)); }); $(“p”...

weixin_43755969的博客 717

jQuery（三）添加/删除/替换/克隆元素、事件

JavaScript jQuery：添加/删除/替换/克隆、事件。

商务合作 | 共同学习 | 携手共进 4万+

《流程管理风暴：EBPM方法论及其应用》读书笔记.pdf

《流程管理风暴：EBPM方法论及其应用》读书笔记.pdf

Windows基线配置

非常全的Windows基线，适合系统运维人员，适合等级保护测评人员。
上一篇： jquery之设置元素内容(删除元素，使用remove(),empty()方法)
下一篇： jquery之处理表单元素值(使用val()方法)
点赞 0
评论 0
书签 书签 0
fhd001
fhd001
博客等级 码龄19年 169粉丝 420原创
+ 关注 专栏目录 订阅专栏
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值