這篇文章主要介紹了jquery中的clone()方法怎么用,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比渠縣網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式渠縣網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋渠縣地區(qū)。費用合理售后完善,10多年實體公司更值得信賴。
在jquery中,clone()方法用于復(fù)制元素,該方法可以生成被選元素的副本,包含子節(jié)點、文本和屬性;語法為“$(selector).clone(bool)”,參數(shù)bool是一個布爾值,規(guī)定是否復(fù)制元素的所有事件處理。

本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
jquery clone()方法
在jquery中,clone()方法用于復(fù)制元素。
clone() 方法生成被選元素的副本,包含子節(jié)點、文本和屬性。
語法:
$(selector).clone(bool)
參數(shù) bool 是一個布爾值,可規(guī)定是否復(fù)制元素的所有事件處理,取值為 true 或 false,默認(rèn)值為 false。true 表示不僅復(fù)制元素,還會復(fù)制元素所綁定的事件。false 表示僅僅復(fù)制元素,但不會復(fù)制元素所綁定的事件。
示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(function () {
$("li").click(function () {
alert("歡迎來到創(chuàng)新互聯(lián)!");
});
$("#btn").click(function () {
var $li = $("ul li:nth-child(4)").clone(true);
$($li).appendTo("ul");
});
})
</script>
</head>
<body>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
<li>Vue.js</li>
</ul>
<input id="btn" type="button" value="復(fù)制" />
</body>
</html>
在這個例子中,我們?yōu)樗?li 元素綁定了一個 click 事件。$("ul li:nth-child(4)").clone(true) 表示復(fù)制第 4 個 li 元素,并且同時復(fù)制 li 元素所綁定的事件。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“jquery中的clone()方法怎么用”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!
本文名稱:jquery中的clone()方法怎么用
URL鏈接:http://www.chinadenli.net/article32/iehpsc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供移動網(wǎng)站建設(shè)、網(wǎng)站維護(hù)、品牌網(wǎng)站制作、網(wǎng)站排名、用戶體驗、App設(shè)計
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)