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="https://ajax.googleapis.com/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> javatpoint.com is a popular tutorial website.</b></p>
<p><b>javatpoint.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>

Camera课程

Python教程

Java教程

Web教程

数据库教程

图形图像教程

办公软件教程

Linux教程

计算机教程

大数据教程

开发工具教程