jquery克隆,jquery克隆对象元素

JQuery中的clone方法。

[html]viewplaincopyCloneMe!（1）这个例子中clone,clone(true)的区别在于，clone(ture)除了克隆集合，还会克隆click

句柄

（2）现象就是：clone的CloneMe!无法继续点击克隆。但是clone(true)出来的CloneMe!可以继续克隆，和原本按钮没有区别。

相关问答

Q1: jquery 的属性拷贝的实现原理是什么，如何实现深拷贝

jQuery的api，clone(true) 元素以及其所有的事件处理并且选中这些克隆的副本

描述:

创建一个按钮，他可以复制自己，并且他的副本也有同样功能。

HTML 代码:

buttonClone Me!/button

jQuery 代码:

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

$(this).clone(true).insertAfter(this);

});

Q2: jquery项目怎么部署

自己搭建一个jQuery的项目的步骤：

一：创建远程仓库

二：将远程仓库克隆到本地

三：搭建项目源文件目录结构

四：添加gulp功能（请保证电脑全局安装了NodeJS否则使用不了npm命令）

五：生成.gitignore文件

六：提交初始版本（本地版本库）

七：推送到远程仓库

Q3: jquery对clone出来的节点进行操作为什么会影响原来被克隆的节点

既然是克隆的，那他们操作的元素可能就是同一个吧，换个class 或者id 试试

Q4: jquery 克隆下拉框

!DOCTYPE html

html

head

style type="text/css"

*{

margin:0;

padding:0;

}

body{

font:normal 1em Arial, Helvetica, sans-serif;

margin:0;

padding:0;

}

a{ text-decoration:none; color:black;}

a:hover{ text-decoration:underline; color:red;}

#sel{ margin:50px;}

/style

script src="jquery-1.8.2.min.js/jquery-1.8.2.min.js"/script

script language="javascript"

$(document).ready(function(){

var firstVal = $("#sel:first").text();

//alert(firstVal);

//$("#sel:first").siblings().text(firstVal);//虽然目前我也不懂为什么使用 $("#sel:first").siblings().text()这句命令没办法赋值？？？

$("#first").siblings().text(firstVal);//但是我给第一个option设置id就可以赋值了，给你参考下。。测试有用

});

/script

/head

body

select name="sel" id="sel"

option id="first"222/option

option/option

option/option

option/option

option/option

/select

/body

/html

自己本地复制下去测试看看

Q5: 使用JQuery克隆div，点击按钮添加一个div，一次只能添加一个！

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

$("body").append($("#mydivdiv").clone());

});