jQuery clone()

jQuery clone()

jQuery clone()方法用于复制匹配元素集。它还会复制其子节点,文本和属性。 clone()方法是在页面上复制元素的便捷方法。
语法:
 $(selector).clone(true|false)

jQuery clone()方法的参数

参数 说明
true 它指定还应复制事件处理程序。
false 这是默认参数。它指定不应复制事件处理程序。

jQuery clone()方法的示例

让我们以一个示例来演示jQuery clone()方法的效果。
 <!DOCTYPE html>
<html>
<head>
<script src="/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p").clone().appendTo("body");
    });
});
</script>
</head>
<body>
<p><b> bianchenghao6.com is a popular tutorial website.</b></p>
<p><b>bianchenghao6.com is a training institute also.</b></p>
<button>Click here, to clone all p elements, and append them to the body element</button>
</body>
</html>
输出:

bianchenghao6.com is a popular tutorial website.

bianchenghao6.com is a training institute also.