jquery复制节点

最新推荐文章于 2022-07-12 21:07:45 发布
最新推荐文章于 2022-07-12 21:07:45 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： JQuery 文章标签： jquery function xhtml html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yinjianjing/article/details/6285207
版权

源码下载:jquery复制节点

<!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-2</title>
 <!--   引入jQuery -->
 <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
 <script type="text/javascript">

 

 $(function(){
  $("ul li").click(function(){
      $(this).clone().appendTo("ul"); // 复制当前点击的节点，并将它追加到<ul>元素
  })  
  });

 


  $(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>

 

yinjianjing
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery复制节点用法示例(clone方法)
10-21
主要介绍了jQuery复制节点的方法,结合实例形式分析了clone方法复制节点及appendTo方法追加节点的相关操作技巧,需要的朋友可以参考下
54-jQuery复制节点相关方法
yangyalun的博客
11-20 1018
 学习了jQuery复制节点的方法。 clone()里面的参数如果是false，那么就是浅复制；如果是true，那么就是深复制 所谓的浅复制和深复制的区别就是：浅复制不能复制元素的事件，而深复制可以 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &
jQuery节点操作&创建节点元素&删除节点& 替换节点&复制节点等基本本操作
m0_62168050的博客
07-12 2283
jQuery节点操作&创建节点元素&删除节点& 替换节点&复制节点等基本本操作
jquery的DOM节点操作(复制元素节点)
qq_45308912的博客
11-24 2171
1.复制元素节点 在页面中，有时候需要复制某个元素节点，可以通过clone（）方法轻松实现这一功能。 语法格式如下： 在复制元素节点后，也要将复制的元素节点追加到某元素节点下，这样才会在相应的区域显示出来 复制元素节点案例如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/new_file
jQuery--复制节点clone()详解
吴声子夜歌的博客
10-02 4402
复制节点 节点复制也是常见的DOM操作，例如，在实现购物车时使用鼠标将商品拖拽到购物车中，商品的拖拽功能就可以使用节点的复制来实现。 在jQuery中提供了clone()方法，用于复制DOM节点（包含节点中的子节点、文本节点和属性节点），其语法格式如下： $(sselector).clone(includeEvents, [deepEvents]) $(selector)：表示需要复制的节点元...
JQuery复制DOM节点的方法
10-24
主要介绍了JQuery复制DOM节点的方法,涉及jQuery中clone与appendTo方法的使用技巧,需要的朋友可以参考下
JQuery中clone方法复制节点
10-24
主要介绍了JQuery中clone方法复制节点,实例分析了clone方法浅克隆与深克隆的使用方法,需要的朋友可以参考下
jQuery复制节点
weixin_33805743的博客
09-06 172
&lt;script type="text/javascript"&gt; $(function(){ $("ul li").click(function(){ $(this).clone().appendTo("ul"); // 复制当前点击的节点，并将它追加到&lt;ul&gt;元素 }) }); &lt;/script&..
jQuery----复制克隆（复制节点）
热门推荐
何明洋的编程技术博客
07-02 2万+
clone：克隆匹配的DOM元素并且选中这些克隆的副本。appendTo：把所有匹配的元素追加到另一个指定的元素元素集合中。&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;ti
Jquery节点插入、复制和替换方法
01-07
Jquery节点插入、复制和替换方法总结
JQuery 复制节点(克隆)
limlimlim的专栏
07-03 1万+
复制节点             #main{width:300px;margin:200px auto;background-color:gold;padding:10px;}                             $(function () {             var $text = $("#txt1");             $text.
jQuery节点追加、替换、删除、复制
乘风破浪
09-03 8739
追加节点分为父子和兄弟节点的追加。每个追加节点的方法又分主动追加和被动追加。 //1、父子关系的添加 //主动添加 $('#shu').append('关羽');//往后添加 $('#shu').prepend('黄忠');//往前添加 //被动添加 $('黄盖').appendTo($('#wu')); $('陆逊').prependTo($('#wu')); //
jQuery实现复制节点
wzx735481897的博客
10-19 473
复制节点 $(function(){ $("li").click(function(){ alert($(this).text()); }) //核心代码，true表示连带事件一起复制，attr改变新节点的id属性 $("#bj").clone(true).attr("id","#bj2").insertAfter("#rl"); })
Jquery中的DOM操作 (四.复制和替换节点)
妖怪的博客
03-02 447
clone;replaceWith;replaceAll;
jquery删除节点
qq_28596151的博客
05-23 8726
    jquery提供了3中删除节点的方法。分别是remove()、detach()、empty()。1、remove()方法1.1、$(selector).remove()的使用    解释：删除匹配到的文档中的元素节点，同时返回删除的节点引用。我们可以在后面的业务如果需要继续使用。1.2、$(selectorA).remove(selector)的使用    解释：需要先匹配需要删除的元素节...
jquery的元素复制操作
天空守护云
03-05 4359
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
jQuery—复制DOM节点之clone() 方法
Kiwi_no的博客
11-10 769
clone([Even[,deepEven]]) ： clone方法传入false或不传入值，则后插入的按钮没有点击事件；传入true，则复制元素的同时也复制元素中的的事件 ! <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title&g...
jquery兄弟节点
最新发布
11-08
jQuery提供了多种方法来查找元素的兄弟节点，其中包括： 1. siblings()方法：获取所有兄弟节点，返回一个jQuery对象。 2. next()方法：获取下一个兄弟节点，返回一个jQuery对象。 3. nextAll()方法：获取后面所有的兄弟节点，返回一个jQuery对象。 4. nextUntil()方法：获取后面一段范围内的兄弟节点，返回一个jQuery对象。 5. prev()方法：获取上一个兄弟节点，返回一个jQuery对象。 6. prevAll()方法：获取前面所有的兄弟节点，返回一个jQuery对象。 7. prevUntil()方法：获取前面一段范围内的兄弟节点，返回一个jQuery对象。 除了以上方法，还可以使用parent()方法获取父元素，再使用children()方法获取所有子元素，从而获取兄弟节点。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值