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 相关文章推荐
大家未必知道的Js技巧收藏
Apr 07 Javascript
JavaScript 版本自动生成文章摘要
Jul 23 Javascript
javascript 检测浏览器类型和版本的代码
Sep 15 Javascript
jQuery移除元素自动解绑事件实现思路及代码
May 31 Javascript
JQuery中使用on方法绑定hover事件实例
Dec 09 Javascript
jquery实现标签上移、下移、置顶
Apr 26 Javascript
一道常被人轻视的web前端常见面试题(JS)
Feb 15 Javascript
xmlplus组件设计系列之路由(ViewStack)(7)
May 02 Javascript
js插件实现图片滑动验证码
Sep 29 Javascript
从Node.js事件触发器到Vue自定义事件的深入讲解
Jun 26 Javascript
在antd4.0中Form使用initialValue操作
Nov 02 Javascript
Nuxt pages下不同的页面对应layout下的页面布局操作
Nov 05 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中文件上传的安全问题
2006/10/09 PHP
PHP图片上传类带图片显示
2006/11/25 PHP
php截取后台登陆密码的代码
2012/05/05 PHP
关于UEditor编辑器远程图片上传失败的解决办法
2012/08/31 PHP
php上传文件常见问题总结
2015/02/03 PHP
laravel5.4利用163邮箱发送邮件的步骤详解
2017/09/22 PHP
PHP7移除的扩展和SAPI
2021/03/09 PHP
script的async属性以非阻塞的模式加载脚本
2013/01/15 Javascript
jQuery插件animateSlide制作多点滑动幻灯片
2015/06/11 Javascript
jquery获取select选中值的方法分析
2015/12/22 Javascript
jQuery通过ajax快速批量提交表单数据
2016/10/25 Javascript
localStorage实现便签小程序
2016/11/28 Javascript
jquery学习笔记之无new构建详解
2017/12/07 jQuery
jQuery实现轮播图及其原理详解
2020/04/12 jQuery
解决element ui select下拉框不回显数据问题的解决
2019/02/20 Javascript
详解vue中axios的使用与封装
2019/03/20 Javascript
Vue+ElementUI使用vue-pdf实现预览功能
2019/11/26 Javascript
Python中的闭包实例详解
2014/08/29 Python
使用Python监视指定目录下文件变更的方法
2018/10/15 Python
关于python之字典的嵌套,递归调用方法
2019/01/21 Python
详解js文件通过python访问数据库方法
2019/03/03 Python
详解用Python为直方图绘制拟合曲线的两种方法
2019/08/21 Python
Windows平台Python编程必会模块之pywin32介绍
2019/10/01 Python
Python 如何测试文件是否存在
2020/07/31 Python
获取CSDN文章内容并转换为markdown文本的python
2020/09/06 Python
python 实现全球IP归属地查询工具
2020/12/18 Python
CSS3属性选择符介绍
2008/10/17 HTML / CSS
巴黎一票通:The Paris Pass
2018/02/10 全球购物
一份创业计划书范文
2014/02/08 职场文书
公司会议策划方案
2014/05/17 职场文书
社区清明节活动总结
2014/07/04 职场文书
单位一把手群众路线四风问题整改措施
2014/09/25 职场文书
交通事故协议书范文
2014/10/23 职场文书
基层工作经历证明
2015/06/19 职场文书
家电创业计划书
2019/08/05 职场文书
golang协程池模拟实现群发邮件功能
2021/05/02 Golang