jQuery clone()方法的用法

在 jQuery 中，我們可以使用 clone() 方法來複製某一個元素。

語法：

$().clone(bool)

引數 bool 是一個布林值，取值為 true 或 false，預設值為 false。true 表示不僅複製元素，還會複製元素所系結的事件。false 表示僅僅複製元素，但不會複製元素所系結的事件。

舉例

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function () {
            $("li").click(function () {
                alert("歡迎來到C語言中文網！");
            });
            $("#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>

預設情況下，預覽效果如圖 1 所示。

圖 1：預設效果