jQuery中clone()方法用法實(shí)例
更新時(shí)間：2015年01月16日 15:12:31 投稿：shichen2014
這篇文章主要介紹了jQuery中clone()方法用法,實(shí)例分析了clone()方法的功能、定義及克隆匹配的DOM元素的使用技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery中clone()方法用法。分享給大家供大家參考。具體分析如下：
此方法克隆匹配的DOM元素并且選中這些克隆的副本以及其所有的事件處理。
語法結(jié)構(gòu):
復(fù)制代碼 代碼如下:
$(selector).clone(Events，deepEvents)
參數(shù)列表:
實(shí)例代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.fzitv.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>我會(huì)被克隆</p>
<button>點(diǎn)擊查看效果</button>
</body>
</html>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
本文轉(zhuǎn)自：螞蟻部落http://www.softwhy.com/
相關(guān)文章
在一個(gè)對(duì)象上觸發(fā)某類事件（比如單擊onclick事件），如果此對(duì)象定義了此事件的處理程序，那么此事件就會(huì)調(diào)用這個(gè)處理程序，如果沒有定義此事件處理程序或者事件返回true，那么這個(gè)事件會(huì)向這個(gè)對(duì)象的父級(jí)對(duì)象傳播，從里到外，直至它被處理,挺起來感覺這么不可思議，接下來為大家解除疑惑2012-12-12
jQuery實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
jQuery實(shí)現(xiàn)ajax調(diào)用WCF服務(wù)的方法(附帶demo下載)
這篇文章主要介紹了jQuery實(shí)現(xiàn)ajax調(diào)用WCF服務(wù)的方法,以完整實(shí)例形式分析了jQuery的ajax前端調(diào)用及后臺(tái)交互調(diào)用WCF服務(wù)的相關(guān)技巧,并附帶完整實(shí)例共讀者下載,需要的朋友可以參考下2015-12-12
jQuery實(shí)現(xiàn)的圖片輪播效果完整示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的圖片輪播效果,結(jié)合完整實(shí)例形式分析了jQuery結(jié)合時(shí)間函數(shù)動(dòng)態(tài)改變頁面元素樣式的相關(guān)技巧,需要的朋友可以參考下2016-09-09
jQuery EasyUI API 中文文檔 - ComboBox組合框
jQuery EasyUI API 中文文檔 - ComboBox組合框,使用jQuery EasyUI的朋友可以參考下。2011-10-10
這篇文章主要介紹了基于jQuery日歷插件制作日歷的相關(guān)資料,需要的朋友可以參考下2016-03-03
這篇文章主要介紹了jQuery表單域選擇器用法,實(shí)例分析了常見的表單元素選擇器的使用技巧,并給出了一個(gè)完整的實(shí)例總結(jié),需要的朋友可以參考下2015-02-02
這篇文章主要介紹了jQuery 跨域訪問解決原理案例詳解的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
判斷checkbox是否選中的方法有很多，不過都是大同小異，下面為大家介紹下使用jquery是如何做到的，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-12-12
單選按鈕以及復(fù)選按鈕的使用情況還是蠻多的,多選按鈕使用toggleClass()方法就可以實(shí)現(xiàn)，下面小編給大家介紹單選按鈕的實(shí)現(xiàn)，感興趣的朋友一起看下吧2016-06-06