jQuery复制页面元素代码实例
分类:实例代码
本章节介绍一下如何使用jQuery实现拷贝一个页面元素的效果。
关于原生javascript如何实现此功能可以参阅javascript复制一个dom元素简单介绍一章节。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(function () { $("#bt").click(function () { $("p").clone(true).appendTo("#antzone"); }) }) </script> </head> <body> <div> <p>前端教程网</p> <input type="button" id="bt" value="查看效果"/> <div id="antzone"></div> </div> </body> </html>
上面的代码演示了拷贝功能,更多内容可以参阅相关阅读。
相关阅读:
(1).clone()方法可以参阅jQuery clone()一章节。
(2).appendTo()方法可以参阅jQuery appendTo()一章节。