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
相关推荐
IT之家 2020-03-11
graseed 2020-10-28
zbkyumlei 2020-10-12
SXIAOYI 2020-09-16
jinhao 2020-09-07
impress 2020-08-26
liuqipao 2020-07-07
淡风wisdon大大 2020-06-06
yoohsummer 2020-06-01
chenjia00 2020-05-29
baike 2020-05-19
扭来不叫牛奶 2020-05-08
hxmilyy 2020-05-11
黎豆子 2020-05-07
xiongweiwei00 2020-04-29
Cypress 2020-04-25
冰蝶 2020-04-20