jQuery 文档操作 - clone() 方法

最新推荐文章于 2024-08-12 09:57:56 发布

来自流星

最新推荐文章于 2024-08-12 09:57:56 发布

阅读量474

点赞数

分类专栏： js

js 专栏收录该内容

64 篇文章 1 订阅

订阅专栏

实例

克隆并追加一个 p 元素：

$("button").click(function(){
  $("body").append($("p").clone());
});

定义和用法

clone() 方法生成被选元素的副本，包含子节点、文本和属性。

语法

$(selector).clone(includeEvents)

参数	描述
includeEvents	可选。布尔值。规定是否复制元素的所有事件处理。默认地，副本中不包含事件处理器。

参数

描述

includeEvents

可选。布尔值。规定是否复制元素的所有事件处理。

默认地，副本中不包含事件处理器。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>3-5-1</title>
    <!--   引入jQuery -->
    <script src="../../scripts/jquery.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("ul li").click(function () {
                $("ul").append($(this).clone(true))
            })
        });
    </script>
</head>
<body>
<p title="选择你最喜欢的水果.">你最喜欢的水果是?</p>
<ul>
    <li title='苹果'>苹果</li>
    <li title='橘子'>橘子</li>
    <li title='菠萝'>菠萝</li>
</ul>
</body>
</html>

如 clone(true)，加上 true参数之后，新加入的il节点本身也具备点击事件