[html]viewplaincopyCloneMe!(1)这个例子中clone,clone(true)的区别在于,clone(ture)除了克隆集合,还会克隆click
创新互联专注于润州网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供润州营销型网站建设,润州网站制作、润州网页设计、润州网站官网定制、成都小程序开发服务,打造润州网络公司原创品牌,更为您提供润州网站排名全网营销落地服务。
句柄
(2)现象就是:clone的CloneMe!无法继续点击克隆。但是clone(true)出来的CloneMe!可以继续克隆,和原本按钮没有区别。
jQuery的api,clone(true) 元素以及其所有的事件处理并且选中这些克隆的副本
描述:
创建一个按钮,他可以复制自己,并且他的副本也有同样功能。
HTML 代码:
buttonClone Me!/button
jQuery 代码:
$("button").click(function(){
$(this).clone(true).insertAfter(this);
});
自己搭建一个jQuery的项目的步骤:
一:创建远程仓库
二:将远程仓库克隆到本地
三:搭建项目源文件目录结构
四:添加gulp功能(请保证电脑全局安装了NodeJS否则使用不了npm命令)
五:生成.gitignore文件
六:提交初始版本(本地版本库)
七:推送到远程仓库
既然是克隆的,那他们操作的元素可能就是同一个吧,换个class 或者id 试试
!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
自己本地复制下去测试看看
$("button").click(function(){
$("body").append($("#mydivdiv").clone());
});