jQuery中的DOM克隆

DOM克隆

例如：

        function myfun(){

            console.log('dom克隆');

        }

        $(function(){

            // 选择目标节点

            // $('.parent').empty;

            $('.child:last-child').click(myfun);

            $('.child:last-child').clone(true).appendTo('.parent');

        })

页面加载完毕的上面定义myfun()函数，在页面加载完成之后执行中写

$('.parent').empty;会移除类名为parent里面的所有内容

empty() 方法从被选元素移除所有内容，包括所有文本和子节点，语法：$(selector).empty()

$('.child:last-child').click(myfun);是给类名为child的最后一个孩子添加点击事件，此处在控制台可打印出dom克隆。

$('.child:last-child').clone(true).appendTo('.parent');是对类名为child的最后一个孩子进行克隆，这里的克隆指的是复制一个元素及其所有事件，包括这里的点击事件，将克隆的元素添加到类名为parent内。

对clone()这个方法中添加参数和不添加的区别：

clone(true)  方法  是复制一个元素及其所有事件，

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