代码描述:jQuery获取对象尺寸。jQuery获取对象尺寸简单介绍
使用width()方法和height()方法能够获取匹配元素的宽度和高度,方法非常简单。当这两个方法带有参数的时候是设置匹配元素的宽度和高度,当没有参数的时候就是返回匹配元素的宽度和高度。例如:
<script> $("div").width() </script>
以上代码可以返回div的宽度。height()方法的使用也是如此。 完整代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <style type="text/css"> div { width: 200px; height: 26px; background-color: green; } </style> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function () { var divw = $("div").width(); var divh = $("div").height(); $("span").text("div的宽度为:" + divw + "div的高度为:" + divh + "") }) </script> </head> <body> <div></div> <span></span> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能