jq 复制

来源:互联网 发布:知乎可以邮箱注册吗 编辑:程序博客网 时间:2024/06/06 12:48

点击打开链接

<body>
        <input type="button" value="按钮" onclick="alert('这属性可以复制');"/>
    </body>
    <script src="js/js/jquery-1.12.4.min.js"></script>
    <script src="js/js/jquery.easing.1.3.js"></script>
    <script>
        var input=$('input');
        input.on('click',function(){
            alert('这属性必须+true才可复制');
        });

        //浅克隆,只复制标签的属性(行内样式),动态绑定(动态添加的属性)不会复制
        //var btn=$('input').clone();
        //深克隆,复制跟对象相关的所有内容
        var btn=$('input').clone(true);
        btn.appendTo($('body'));

        
        //克隆出来的对象是一个新的对象,新对象和原有对象的功能一样
        //但是在内存中的地址不是在同一个位置
        console.log(input===input);
        console.log(input===input.clone(false));
        console.log(input===input.clone(true));
    </script>