jQuery_DOM学习之------clone()
2024-10-20 20:37:15
jQuery_DOM学习之------clone()
clone()---节点克隆:
方法:
1.clone()只克隆结构,事件将被丢弃
2.clone(true)结构和事件都将被克隆
例子:
<!DOCTYPE html>
<html> <head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
<style>
.ts1{
width:50px;
height:50px;
background:#F00;
float:left;
margin:10px;
}
.ts2{
width:50px;
height:50px;
background:#00f;
float:left;
margin:10px;
}
</style>
</head> <body>
<h5>使用.clone()只克隆结构,事件将被丢弃--红色小块的后代只克隆了结构,事件将会丢失</h5>
<h5>使用.clone(true)结构和事件都将被克隆--蓝色小块的后代同时克隆了结构和事件</h5>
<div class="rongqi">
<div class="ts1"></div>
<div class="ts2"></div>
</div>
<script type="text/javascript">
//只克隆节点
//不克隆事件
$(".ts1").on('click', function() {
$(".rongqi").append( $(this).clone().css('background','#f66') )
})
</script> <script type="text/javascript">
//克隆节点
//克隆事件
$(".ts2").on('click', function() {
$(".rongqi").append( $(this).clone(true).css('background','#66f') )
})
</script>
</body> </html>
最新文章
- 老司机学Xamarin系列总目录
- 第一章 Linux內核簡介
- LDA(文档主题模型)
- 【开源】开发者新闻聚合APP 2.0.3发布(第二个稳定版本)
- InterBase数据库迁移到MySQL(说明)
- LeetCode.4 两个有序数组的中位数问题
- 并行编程多线程之Parallel
- 浅谈C中的malloc和free
- Ubuntu14.04 安装QQ国际版wine-qqintl
- 免解压版的Mysql的启动脚本,并且执行导入(windows)
- 用yum源安装Nginx
- python笔记七(递归函数)
- 【原创】分布式之redis复习精讲
- GIT归纳整理
- BashOnWindow安装mysql
- db2 reorg详解
- uCOS-III等RTOS与IoT OS
- int(1)和int(11)是否有区别?
- Shell脚本编写3---Shell 传递参数
- elasticsearch文档-字段的mapping