jquery粘贴按钮_jquery实现复制的两种方式

---恢复内容开始---

jquery两种复制元素的方式：

1.$("seletor").clone(param1,param2)有两个可选参数(布尔类型)，默认都是false。param1代表是否复制事件。param2代表是否对事件处理程序和克隆的元素的所有子元素的数据进行复制

Html代码：

jQuery 代码:

$("b").clone().prependTo("p");

结果:

Hello

Hello, how are you?

HTML 代码:

Clone Me!

jQuery 代码:

$("button").click(function(){

$(this).clone(true).insertAfter(this);//新复制的按钮也会有click事件

});

2.jQuery.extend([deep], target, object1, [objectN])//用一个或多个其他对象来扩展一个对象，返回被扩展的对象。

如果不指定target，则给jQuery命名空间本身进行扩展。如果第一个参数设置为true，则jQuery返回一个深层次的副本，递归地复制找到的任何对象。否则的话，副本会与原对象共享结构。未定义的属性将不会被复制，然而从对象的原型继承的属性将会被复制。

deep:如果设为true，则递归合并。

target:待修改对象。

object1:待合并到第一个对象的对象。

objectN:待合并到第一个对象的对象。

根据这个方法的特性，我们可以这样实现jquery的复制功能。

//浅复制，只复制第一层节点

jQuery extend({}, oldObject)

//深度复制，循环复制每层节点

jQuery.extend(true, {}, oldObject);

var obj1={

'a': 's1',

'b': [1,2,3,{'a':'s2'}],

'c': {'a':'s3', 'b': [4,5,6]

};

var obj2 = $.extend(true, {}, obj1);

obj2.a='s1s1';

obj2.b[0]=100;

obj2.c.b[0]=400;

console.log(obj1);

console.log(obj2);

obj2 内部元素的值改变之后，如果 obj1 的相应值保持不变，就说明复制成功。

本文参考资料：jquery API和http://www.php100.com/html/program/jquery/2013/0905/6007.html

jquery粘贴按钮_jquery实现复制的两种方式相关推荐

jquery、javascript实现(get、post两种方式)跨域解决方法
jquery.javascript实现(get.post两种方式)跨域解决方法一.实现get方式跨域请求数据浏览器端 <script> $(document).ready(fun ...
jquery ajax提交表单数据的两种方式
jquery ajax提交表单数据的两种方式转载于:https://www.cnblogs.com/zhujiabin/p/4912364.html
Mysql复制表两种方式(复制表结构、复制表结构和数据、复制表中的部分数据、复制表中的部分数据并起别名)
需要完全的复制MySQL的数据表,包括表的结构,索引,默认值等. 如果仅仅使用CREATE TABLE - SELECT 命令,是无法实现的. 本章节将为大家介绍如何完整的复制MySQL数据表,步骤如 ...
jQuery-点击按钮实现回到顶部的两种方式
文章目录 1.点击按钮,快速回到顶部 2.点击按钮,缓慢的回到顶部 3.效果图参考: 1.点击按钮,快速回到顶部 <html><head><base href=" ...
Navicat数据库复制的两种方式
一.数据传输 1. 2. 二.备份与还原
hive建立内部表映射hbase_Hive 建外链表到 Hbase（分内部表、外部表两种方式）
一. Hive 建内部表,链到hbase :特点:Hive drop表后,Hbase 表同步删除 drop table if exists hbase_kimbo_test1; CREATE TABL ...
php ajax jquery 表单重复提交,jQuery的 $.ajax防止重复提交的两种方法(推荐)
下面给大家带来两种关于jquery 的ajax防止重复提交的解决方法,具体介绍如下所示: 1.第一种,对于onclick事件触发的的ajax 可以采用如下方法: 即在beforeSend中使点击按钮不 ...
jQuery的 $.ajax防止重复提交的两种方法(推荐)
本文给大家分享两种jquery 的ajax防止重复提交的方法,第一种方法对于onclick事件触发的ajax,在beforeSend中使点击按钮不可用,ajax结果返回后置为可用,第二种利用jquer ...
利用jquery的qrcode.js插件生成二维码的两种方式的使用
2019独角兽企业重金招聘Python工程师标准>>> 利用jquery的qrcode.js插件生成二维码的额两种方式,canvas(即画布)方式和table方式(原文地址http: ...

jquery粘贴按钮_jquery实现复制的两种方式

jquery粘贴按钮_jquery实现复制的两种方式相关推荐

最新文章

热门文章