溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了jquery中的clone()方法怎么用，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
在jquery中，clone()方法用于復制元素，該方法可以生成被選元素的副本，包含子節點、文本和屬性；語法為“$(selector).clone(bool)”，參數bool是一個布爾值，規定是否復制元素的所有事件處理。
本教程操作環境：windows7系統、jquery1.10.2版本、Dell G3電腦。
jquery clone()方法
在jquery中，clone()方法用于復制元素。
clone() 方法生成被選元素的副本，包含子節點、文本和屬性。
語法：
$(selector).clone(bool)
參數 bool 是一個布爾值，可規定是否復制元素的所有事件處理，取值為 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("歡迎來到億速云！");
});
$("#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>
在這個例子中，我們為所有 li 元素綁定了一個 click 事件。$("ul li:nth-child(4)").clone(true) 表示復制第 4 個 li 元素，并且同時復制 li 元素所綁定的事件。
感謝你能夠認真閱讀完這篇文章，希望小編分享的“jquery中的clone()方法怎么用”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
