用jQuery复制DOM节点的方法
复制节点也是常用的DOM操作之一。例如,许多购物网站,用户不仅可以点击选择按钮下面的商品,购买相应的产品,而且通过鼠标拖动物品放进购物车,商品的拖动功能是使用复制节点复制到用户选择的节点元素一次,他们随着鼠标移动,从而达到购物的影响。
HTML DOM的结构如下所示:
欢迎访问
PHP编程容易理解
易于理解的C程序设计
易于理解的Javascript编程
易于理解的jQuery编程
如果单击元素复制一个元素,则可以使用克隆()方法来完成它。
jQuery代码如下所示:
$(函数(){())
$(。nm_ul李)。Click(function(){)
$(这)。Clone(真),AppendTo(。nm_ul );
复制当前节点单击,它将被添加到元素中。
})
});
单击页面上的一个随机项后,新节点会出现在列表的底部。
复制节点时,复制的新元素没有任何行为。如果您需要一个新元素具有复制功能(在本例中是单击事件),您可以使用以下jQuery代码:
Click(函数(){)
$(this).Clone (true).AppendTo (UL); / / Note parameter true
您可以复制自己,而他的对应者则具有相同的功能。
})
在克隆()方法中传递一个参数真值,这意味着复制元素并复制元素中绑定的事件。因此元素的拷贝也有一个复制函数(在本例中是单击事件)。
希望本文能对大家的jQuery程序设计有所帮助。