jQuery复制节点用法示例(clone方法)
本文实例讲述了jQuery复制节点的方法。分享给大家供大家参考，具体如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("ul li").click(function(){
$(this).clone().appendTo("ul"); // 复制当前点击的节点，并将它追加到<ul>元素
})
});
</script>
</head>
<body>
<p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>
<ul>
<li title="苹果">苹果</li>
<li title="橘子">橘子</li>
<li title="菠萝">菠萝</li>
</ul>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("ul li").click(function(){
$(this).clone(true).appendTo("ul"); // 注意参数true
//可以复制自己，并且他的副本也有同样功能。
})
});
</script>
</head>
<body>
<p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>
<ul>
<li title="苹果">苹果</li>
<li title="橘子">橘子</li>
<li title="菠萝">菠萝</li>
</ul>
</body>
</html>
效果图如下：
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
-
本文向大家介绍jQuery删除节点用法示例(remove方法)，包括了jQuery删除节点用法示例(remove方法)的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery删除节点的方法。分享给大家供大家参考，具体如下： 效果图如下： 更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery操作
-
本文向大家介绍jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)，包括了jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery插入节点和移动节点的方法。分享给大家供大家参考，具体如下： 1. 插入节点： 效果图： 2. 移动节点： 效果图： 更多关
-
本文向大家介绍Jquery节点遍历next与nextAll方法使用示例，包括了Jquery节点遍历next与nextAll方法使用示例的使用技巧和注意事项，需要的朋友参考一下 Jqeruy节点遍历
-
本文向大家介绍Java HashSet clone()方法与示例，包括了Java HashSet clone()方法与示例的使用技巧和注意事项，需要的朋友参考一下 HashSet类方法 clone()方法在java.util包中可用。 clone()方法用于返回此HashSet的浅表副本。 clone()方法是一种非静态方法，只能使用类对象访问，如果尝试使用类名称访问该方法，则会收到错误消息。 c
-
本文向大家介绍Java Calendar clone()方法与示例，包括了Java Calendar clone()方法与示例的使用技巧和注意事项，需要的朋友参考一下 日历类方法 clone()方法在java.util包中可用。 clone()方法用于返回此Calendar对象的克隆对象。 clone()方法是一种非静态方法，可通过类对象访问，如果尝试使用类名称访问该方法，则会收到错误消息。 在克
-
本文向大家介绍Java Enum clone()方法与示例，包括了Java Enum clone()方法与示例的使用技巧和注意事项，需要的朋友参考一下 枚举类方法 clone()方法在java.lang包中可用。 clone()方法用于确保不能克隆枚举（即无法复制枚举对象），这是保持属性的“单例”行为所必需的。 clone()方法是一种非静态方法，只能使用类对象访问，如果尝试使用类名称访问该方法，