jQuery中clone()方法用法实例


Posted in Javascript onJanuary 16, 2015

本文实例讲述了jQuery中clone()方法用法。分享给大家供大家参考。具体分析如下:

此方法克隆匹配的DOM元素并且选中这些克隆的副本以及其所有的事件处理。

语法结构:

$(selector).clone(Events,deepEvents)

参数列表:

参数 描述
Events 可选。布尔值,用来规定事件处理函数是否被复制。默认为false。 true-复制元素的所有事件处理。 false-不复制元素的事件处理。
deepEvents 可选。布尔值,用来规定是否对事件处理程序和克隆的元素的所有子元素的数据应该被复制。

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="author" content="https://3water.com/" />

<title>三水点靠木</title>

<style type="text/css">

div{

  width:200px;

  height:200px;

  border:1px solid blue;

}

p{

  width:200px;

  height:200px;

  border:1px solid green;

}

</style>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript">  

$(document).ready(function(){ 

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

    $("p").clone().insertBefore("div"); 

  }) 

}) 

</script>

</head>

<body>

<div>我是div</div>

<p>我会被克隆</p>

<button>点击查看效果</button>

</body>

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

本文转自:蚂蚁部落http://www.softwhy.com/

Javascript 相关文章推荐
前淘宝前端开发工程师阿当的PPT中有JS技术理念问题
Jan 15 Javascript
Javascript 类与静态类的实现(续)
Apr 02 Javascript
Javascript JSQL,SQL无处不在,
May 05 Javascript
JavaScript使用slice函数获取数组部分元素的方法
Apr 06 Javascript
浅谈下拉菜单中的Option对象
May 10 Javascript
在javascript中随机数 math random如何生成指定范围数值的随机数
Oct 21 Javascript
Bootstarp 基础教程之表单部分实例代码
Feb 03 Javascript
vue-cli 脚手架基于Nightwatch的端到端测试环境的过程
Sep 30 Javascript
跟混乱的页面弹窗说再见
Apr 11 Javascript
js+html实现周岁年龄计算器
Jun 25 Javascript
JS实现可视化音频效果的实例代码
Jan 16 Javascript
解决echarts vue数据更新,视图不更新问题(echarts嵌在vue弹框中)
Jul 20 Javascript
jQuery中empty()方法用法实例
Jan 16 #Javascript
jQuery中replaceAll()方法用法实例
Jan 16 #Javascript
jQuery中wrapInner()方法用法实例
Jan 16 #Javascript
jQuery中wrapAll()方法用法实例
Jan 16 #Javascript
jQuery中unwrap()方法用法实例
Jan 16 #Javascript
jquery搜索框效果实现方法
Jan 16 #Javascript
js表头排序实现方法
Jan 16 #Javascript
You might like
PHP生成迅雷、快车、旋风等软件的下载链接代码实例
2014/05/12 PHP
PHP实现的汉字拼音转换和公历农历转换类及使用示例
2014/07/01 PHP
PHP输出九九乘法表代码实例
2015/03/27 PHP
php之static静态属性与静态方法实例分析
2015/07/30 PHP
PHP实现生成唯一会员卡号
2015/08/24 PHP
golang与PHP输出excel示例
2016/07/22 PHP
Laravel Intervention/image图片处理扩展包的安装、使用与可能遇到的坑详解
2017/11/14 PHP
javascript获取隐藏dom的宽高 具体实现
2013/07/14 Javascript
判断某个字符在一个字符串中是否存在的js代码
2014/02/28 Javascript
alert出数组中的随即值代码
2014/09/25 Javascript
浅谈JavaScript中的分支结构
2016/07/01 Javascript
JavaScript中日常收集常见的10种错误(推荐)
2017/01/08 Javascript
iframe与主框架跨域相互访问实现方法
2017/09/14 Javascript
windows系统下更新nodejs版本的方案
2017/11/24 NodeJs
jQuery zTree 异步加载添加子节点重复问题
2017/11/29 jQuery
Vue加载组件、动态加载组件的几种方式
2018/08/31 Javascript
JS中使用react-tooltip插件实现鼠标悬浮显示框
2019/05/15 Javascript
Vue+iview+webpack ie浏览器兼容简单处理
2019/09/20 Javascript
微信小程序实现左侧滑动导航栏
2020/04/08 Javascript
vue-router重写push方法,解决相同路径跳转报错问题
2020/08/07 Javascript
浅谈javascript如何获取文件后缀名
2020/08/07 Javascript
在Apache服务器上同时运行多个Django程序的方法
2015/07/22 Python
Django查询数据库的性能优化示例代码
2017/09/24 Python
Python 实现淘宝秒杀的示例代码
2018/01/02 Python
Python装饰器简单用法实例小结
2018/12/03 Python
超实用的 30 段 Python 案例
2019/10/10 Python
pytorch常见的Tensor类型详解
2020/01/15 Python
在django admin中配置搜索域是一个外键时的处理方法
2020/05/20 Python
python interpolate插值实例
2020/07/06 Python
英国最大的割草机购买网站:Just Lawnmowers
2019/11/02 全球购物
人力资源管理专业应届生求职信
2013/09/28 职场文书
优秀的茶餐厅创业计划书
2014/01/03 职场文书
2014年小学生教师节演讲稿范文
2014/09/10 职场文书
2014年政务公开工作总结
2014/12/09 职场文书
先进单位事迹材料
2014/12/25 职场文书
银行安全保卫工作总结
2015/08/10 职场文书