jQuery实现隐藏一个div元素代码示例
分享一段代码实例,它实现了隐藏指定div元素的功能。
代码实例如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.gaodaima.com/" /> <title>jQuery实现隐藏一个div元素代码示例-搞代码gaodaima.com</title> <style type="text/css"> #box{ width:300px; height:100px; background:#4F4F4F; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script> $(document).ready(function(){ $("#bt").click(function(){ $("#box").hide(1000) }) }); </script> </head> <body> <div id="box"></div> <input type="button" id="bt" value="查看效果"/> </body> </html> |
本文案例为大家展示了《jQuery实现隐藏一个div元素代码示例》的代码,若要看代码效果请大家点击“运行代码”按钮。
原创文章,转载请注明: 转载自搞代码
本文链接地址: jQuery实现隐藏一个div元素代码示例

微信 赏一包辣条吧~

支付宝 赏一听可乐吧~
发表评论