美文网首页
jquery clone使用

jquery clone使用

作者: 程序猿的小生活 | 来源:发表于2022-07-13 13:22 被阅读0次
    <html>
        <head>
            <script src="js/jquery.js"></script>
            <meta charset="utf-8">
            <title></title>
        </head>
        <body>
            <button id="kl">克隆</button>
            <div id="dv1" style="border: 1px solid red;height: 100px;width: 100px;">
                <p>张三</p>
            </div>
        </body>
        <script>
            $(function(){
               $("p").click(function(){
                   alert("你好")
               })
                $("#kl").click(function(){
                    //clone方法不关参数是true还是false都会克隆到后代节点
                    //clone方法 参数true表示连事件一起克隆 false不会克隆事件 默认false
                var  copyelement =$("#dv1").clone(true);//克隆元素只是放到内存中,不会展示,想要展示需要添加到页面上
                $("body").append(copyelement);
                })
                
            })
        </script>
    </html>
    

    相关文章

      网友评论

          本文标题:jquery clone使用

          本文链接:https://www.haomeiwen.com/subject/gsvbbrtx.html