jQuery中clone()方法用法实例
更新时间：2015年01月16日 15:12:31 投稿：shichen2014
这篇文章主要介绍了jQuery中clone()方法用法,实例分析了clone()方法的功能、定义及克隆匹配的DOM元素的使用技巧,需要的朋友可以参考下
本文实例讲述了jQuery中clone()方法用法。分享给大家供大家参考。具体分析如下：
此方法克隆匹配的DOM元素并且选中这些克隆的副本以及其所有的事件处理。
语法结构:
复制代码 代码如下:
$(selector).clone(Events，deepEvents)
参数列表:
实例代码:
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="https://www.jb51.net/" />
<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/
相关文章
在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理,挺起来感觉这么不可思议，接下来为大家解除疑惑2012-12-12
这篇文章主要为大家详细介绍了jQuery实现三级联动效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
jQuery实现ajax调用WCF服务的方法(附带demo下载)
这篇文章主要介绍了jQuery实现ajax调用WCF服务的方法,以完整实例形式分析了jQuery的ajax前端调用及后台交互调用WCF服务的相关技巧,并附带完整实例共读者下载,需要的朋友可以参考下2015-12-12
这篇文章主要介绍了jQuery实现的图片轮播效果,结合完整实例形式分析了jQuery结合时间函数动态改变页面元素样式的相关技巧,需要的朋友可以参考下2016-09-09
jQuery EasyUI API 中文文档 - ComboBox组合框
jQuery EasyUI API 中文文档 - ComboBox组合框,使用jQuery EasyUI的朋友可以参考下。2011-10-10
这篇文章主要介绍了基于jQuery日历插件制作日历的相关资料,需要的朋友可以参考下2016-03-03
这篇文章主要介绍了jQuery表单域选择器用法,实例分析了常见的表单元素选择器的使用技巧,并给出了一个完整的实例总结,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了jQuery 跨域访问解决原理案例详解的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-07-07
判断checkbox是否选中的方法有很多，不过都是大同小异，下面为大家介绍下使用jquery是如何做到的，下面有个不错的示例，感兴趣的朋友可以参考下2013-12-12
单选按钮以及复选按钮的使用情况还是蛮多的,多选按钮使用toggleClass()方法就可以实现，下面小编给大家介绍单选按钮的实现，感兴趣的朋友一起看下吧2016-06-06
最新评论