jQuery点击按钮删除div元素
分类:实例代码
jQuery点击按钮删除div元素属于前端实例代码,有关更多实例代码大家可以查看。
本章节分享一段简单代码实例,它实现了点击按钮删除div元素功能。
原生javascript实现此功能参阅JavaScript点击按钮删除div元素代码实例一章节。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> <style type="text/css"> #antzone { width:200px; height:100px; background:#ccc; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script> $(document).ready(function () { $("#bt").click(function () { $("#antzone").remove(); }) }) </script> </head> <body> <div id="antzone"></div> <input type="button" id="bt" value="查看效果"/> </body> </html>
上面的代码实现了我们的要求,更多内容可以参阅相关阅读。
相关阅读:
(1).click()可以参阅jQuery click事件一章节。
(2).remove()可以参阅jQuery remove()一章节。
jQuery点击按钮删除div元素,这样的场景在实际项目中还是用的比较多的,关于jQuery点击按钮删除div元素就介绍到这了。