3.2.5 复制节点:

3.2.5 复制节点:

复制节点也是最常用的DOM操作之一,用户不仅可以通过单击商品下方的"选择"按钮购买相应的产品,

也可以通过鼠标拖动商品并将其放到购物车中。

继续沿用之前的例子,如果单击<li>元素后需要再复制一个<li>元素,

可以使用clone()方法来完成,jQuery代码如下:

node2:/var/www/html/js#cat h5.html 
<ul>
<li  tiitle='苹果'>苹果</li>
<li   title='橘子'>橘子</li>
<li title='菠萝'>菠萝</li>
</ul>
<script type="text/javascript" src="jquery-2.2.2.min.js"></script>    
<script type="text/javascript" src="h5.js"></script>
node2:/var/www/html/js#
node2:/var/www/html/js#cat h5.js
$("ul li").click(function(){
   $(this).clone().appendTo("ul");
})