jQuery复制节点相关的方法

少儿编程scratch 06-01 178

前言：

如今姐妹们对“jquery拷贝表格一行数据”都比较关注，大家都想要剖析一些“jquery拷贝表格一行数据”的相关文章。那么小编同时在网上搜集了一些关于“jquery拷贝表格一行数据””的相关文章，希望看官们能喜欢，咱们快快来了解一下吧！

复制方法效果

<!DOCTYPE html>

<html>

<head>

<title>jQuery复制节点相关的方法</title>

$(function(){

clone([Even[,deepEven]]) 克隆匹配的DOM元素并且选中这些克隆的副本

如果传入false就是浅复制，如果传入true就是深复制

浅复制只会复制元素，而深复制也会复制元素的事件

$('button').eq(0).click(function(){

// 1. 浅复制一个元素

var $li = $('li:first').clone(false)

// 2. 将复制的元素添加到ul当中

$('ul').append($li)

})

$('button').eq(1).click(function(){

var $li = $('li:first').clone(true) // 深复制最后的参数是true 深复制的节点连里面的方法也复制了

// 2. 将复制的元素添加到ul当中

$('ul').append($li)

})

$('li').click(function(){

alert($(this).html())

})

</script>

</head>

<body>

<button>浅复制节点</button>

<button>深复制节点</button>

<ul>

</ul>

</body>

</html>