這篇文章主要介紹了jquery中的clone()方法怎么用,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設、高性價比渠縣網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式渠縣網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設找我們,業(yè)務覆蓋渠縣地區(qū)。費用合理售后完善,10多年實體公司更值得信賴。
在jquery中,clone()方法用于復制元素,該方法可以生成被選元素的副本,包含子節(jié)點、文本和屬性;語法為“$(selector).clone(bool)”,參數(shù)bool是一個布爾值,規(guī)定是否復制元素的所有事件處理。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
jquery clone()方法
在jquery中,clone()方法用于復制元素。
clone() 方法生成被選元素的副本,包含子節(jié)點、文本和屬性。
語法:
$(selector).clone(bool)
參數(shù) bool 是一個布爾值,可規(guī)定是否復制元素的所有事件處理,取值為 true 或 false,默認值為 false。true 表示不僅復制元素,還會復制元素所綁定的事件。false 表示僅僅復制元素,但不會復制元素所綁定的事件。
示例:
<!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="復制" /> </body> </html>
在這個例子中,我們?yōu)樗?li 元素綁定了一個 click 事件。$("ul li:nth-child(4)").clone(true)
表示復制第 4 個 li 元素,并且同時復制 li 元素所綁定的事件。
感謝你能夠認真閱讀完這篇文章,希望小編分享的“jquery中的clone()方法怎么用”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關知識等著你來學習!
本文名稱:jquery中的clone()方法怎么用
URL鏈接:http://bm7419.com/article32/iehpsc.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供移動網(wǎng)站建設、網(wǎng)站維護、品牌網(wǎng)站制作、網(wǎng)站排名、用戶體驗、App設計
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)