jquery中的clone()方法怎么用

这篇文章主要介绍了jquery中的clone()方法怎么用，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

创新互联公司-专业网站定制、快速模板网站建设、高性价比渠县网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式渠县网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖渠县地区。费用合理售后完善，10多年实体公司更值得信赖。

在jquery中，clone()方法用于复制元素，该方法可以生成被选元素的副本，包含子节点、文本和属性；语法为“$(selector).clone(bool)”，参数bool是一个布尔值，规定是否复制元素的所有事件处理。

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery clone()方法

在jquery中，clone()方法用于复制元素。

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

语法：

$(selector).clone(bool)

参数 bool 是一个布尔值，可规定是否复制元素的所有事件处理，取值为 true 或 false，默认值为 false。true 表示不仅复制元素，还会复制元素所绑定的事件。false 表示仅仅复制元素，但不会复制元素所绑定的事件。

示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function () {
            $("li").click(function () {
                alert("欢迎来到创新互联！");
            });
            $("#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>

jquery中的clone()方法怎么用

在这个例子中，我们为所有 li 元素绑定了一个 click 事件。$("ul li:nth-child(4)").clone(true) 表示复制第 4 个 li 元素，并且同时复制 li 元素所绑定的事件。

感谢你能够认真阅读完这篇文章，希望小编分享的“jquery中的clone()方法怎么用”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!

本文名称：jquery中的clone()方法怎么用
URL链接：https://www.cdcxhl.com/article32/iehpsc.html

成都网站建设公司_创新互联，为您提供移动网站建设、网站维护、品牌网站制作、网站排名、用户体验、App设计

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容