[JavaScript知识库]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() ?方法 ?是复制一个元素，不包含其所有事件。