• jQuery中clone和clone(true)的区别


    今天要写的是clone和clone(true)的区别

    两者长得很像呀,clone(true)比clone()  多了一个true。看下图白白的牙,笑起来就是这么灿烂。有了true就跟笑起来一样,有了笑这个行为事件。

    那么 true这个有什么效果么?

    语言描述就是 复制的节点具有行为,比如click啦。

    clone(true)  方法  是复制一个元素及其所有事件,
    clone()  方法  是复制一个元素,不包含其所有事件。

    用下例子描述一下

     1 <!doctype html>
     2 <html lang="en">
     3  <head>
     4   <meta charset="UTF-8">
     5 <script src="jquery-1.11.1.js"></script> //导入jquery-1.11.1.js
     6 <script> 
     8   function clone_btn(e){
     9     var newbtn=$("#test").clone(true);//如果把true去掉,新复制的test按钮,就不会在控制台输出
    10     $(e).before(newbtn);
    11   }
    12
    14   window.onload=function(){
    15     $("#test").bind("click",function test_btn(){        
    16     console.log("小菊花又盛开了");//按F12在控制台查看效果。
    17   });
    18   }
    19 </script>
    20   <title>Document</title>
    21  </head>
    22  <body>
    23   <input type="button" id="test" value="test" >
    24   <input type="button" value="clone" onclick="clone_btn(this)">
    25   <div></div>
    26  </body>
    27 </html>

    最终效果就是

  • 相关阅读:
    1."问吧APP"客户需求调查分析
    “软件工程”课程的学习目标
    范式
    知乎:有哪些让你相见恨晚的 PPT 制作技术或知识?
    前端指南
    在网页中JS函数自动执行常用三种方法
    index的用法
    搜索引擎的正确姿势
    display与visibility
    bootstrap之模态框
  • 原文地址:https://www.cnblogs.com/lilicat/p/5359884.html
Copyright © 2020-2023  润新知