jquery的clone()和replaceAll(),replaceWith()

最新推荐文章于 2024-08-21 14:09:37 发布

weixin_30381793

最新推荐文章于 2024-08-21 14:09:37 发布

阅读量89

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/hemingshui/p/3353106.html

版权

    <p>tttttttt</P>
</body>
    <script language="JavaScript">
        //button增加事件
        $("button").click(function(){
              alert("yyy");
       });


     //克隆button 追加到p上 ,但事件不克隆
     //clone(): 克隆匹配的 DOM 元素, 返回值为克隆后的副本. 但此时复制的新节点不具有任何行为
    $("button").clone().appendTo($("p"));

   //克隆button 追加到p上 ,但事件也克隆
   //clone(true): 复制元素的同时也复制元素中的的事件
   $("button").clone(true).appendTo($("p"));

//$("button")用 <p>tttttttt</P>替换
  //replaceWith前面的元素是被替换的，replaceWith后面的元素是替换后的
  $("button").replaceWith($("<p>tttttttt</P>"));



     // p 用 <button>保存</button> 替换
  //replaceAll前面的元素是替换后的，replaceAll后面的元素是要被替换的
  $("<button>保存</button>").replaceAll($("p"));

  //replaceWith与replaceAll，效果刚好相反

    </script>

转载于:https://www.cnblogs.com/hemingshui/p/3353106.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30381793

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery的clone()和replaceAll(),replaceWith()

<body> <button>保存</button><p>段落</p><p>tttttttt</P></body> <script language="JavaScript"> //button增加事件$("button...
复制链接

扫一扫