jQuery复制节点clone方法的使用
jQuery复制节点clone方法的使用
在页面中,有时候需要将某个元素节点复制到另外一个节点后,如购物车的设计,在传统的javascript代码需要较为复杂的代码,而在jquery中。可以通过clone很容易实现。
语法格式:clone()
其功能为复制匹配的dom元素冰洁选中复制成功的元素。该方法仅是复制元素本身。复制后的元素不具备任何元素行为。需要需要在复制时将该元素的全部行为也进行复制,通过方法clone(true)实现。
语法格式:clone(true)
其中参数设置为true就可以复制元素的所有事件的处理。
例如:复制图片并在图片右侧显示的实现。
- <script type="text/javascript">
- $(function() {
- $("img").click(function() {
- $(this).clone(true).appendTo("span");
- })
- })
- </script>
- </head>
- <body>
- <span><img title="Rainier" src="../Images/img04.jpg" /></span>
- </body
评论暂时关闭