你的位置:首页 > Java教程

[Java教程]如何使用jQuery获取对象的尺寸


如何使用jQuery获取对象的尺寸:
使用width()方法和height()方法能够获取匹配元素的宽度和高度,方法非常简单。当这两个方法带有参数的时候是设置匹配元素的宽度和高度,当没有参数的时候就是返回匹配元素的宽度和高度。例如:

$("div").width(100)

以上代码可以将div的宽度设置为100px。

$("div").width()

以上代码可以返回div的宽度。height()方法的使用也是如此。
完整代码实例如下:

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</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>

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=5798

更多内容可以参阅:http://www.softwhy.com/jquery/