当前位置: 代码迷 >> 综合 >> jQuery 文档操作 - clone() 方法
  详细解决方案

jQuery 文档操作 - clone() 方法

热度:52   发布时间:2023-10-08 20:19:11.0

实例

克隆并追加一个 p 元素:

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

定义和用法

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

语法

$(selector).clone(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节点本身也具备点击事件

  相关解决方案