在页面中,有时候需要复制某个元素节点,可以通过clone()方法轻松实现这一功能。 语法格式如下:
在复制元素节点后,也要将复制的元素节点追加到某元素节点下,这样才会在相应的区域显示出来
复制元素节点案例如下
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/new_file.js"></script> </head> <body> <div id="container"> <img src="img/project3.jpg"> </div> <script> $(function() { $("img").click(function() { //这种只能复制元素对象 // $(this).clone().appendTo("#container"); //这钟不仅可以复制元素对象,还可以将元素的方法行为复制过来 $(this).clone(true).appendTo("#container"); }) }) </script> </body> </html>