jQuery动态设置div元素的高度和宽度
分类:实例代码
本章节介绍一下最为基础的jquery应用,动态设置div的宽度和高度。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>犀牛前端部落</title> <style> #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").width(300).height(200); }); }); </script> </head> <body> <div id="antzone"></div> <input type="button" id="bt" value="查看效果"/> </body> </html>
点击按钮可以设置元素的宽度和高度,相关阅读如下:
(1).width()参阅jQuery width()一章节。
(2).height()参阅jQuery height()一章节。
网站出售中,有意者加微信:javadudu