jquery clone()方法有什麼用
- 青灯夜游原創
- 2022-03-10 17:50:142359瀏覽
在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("欢迎来到PHP中文网！");
});
$("#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影片教學、web前端影片】
以上是jquery clone()方法有什麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn