width() 方法設置或返回元素的寬度(不包括內邊距、邊框或外邊距)。
innerWidth() 方法返回元素的寬度(包括內邊距)。
outerWidth() 方法返回元素的寬度(包括內邊距和邊框)。
outerWidth(true) 方法返回元素的寬度(包括內邊距、邊框和外邊距)。
示例:
<script type="text/javascript" src="http:///keleyi/pmedia/jquery/jquery-1.11.1.min.js"></script>
<a href="http:///a/bjad/4js8oi65.htm" target="_blank">原文</a>
<div id="keleyiwidth"
style="background-color:silver;width:200px;padding:20px 10px 15px 30px;border:2px solid green;margin:11px 22px 33px 44px">
</div>
<span id="keleyiresult"></span>
<script type="text/javascript">
$(document).ready(function () {
$("#kele"+"yiresult").text("width():" + $("#keleyiwidth").width()
+ " innerWidth():" + $("#kel"+"eyiwidth").innerWidth()
+ " outerWidth():" + $("#keleyiwidth").outerWidth()
+ " outerWidth(true):" + $("#keleyiwidth").outerWidth(true)
);
})
</script>
效果如下:
或者查看:
http:///keleyi/phtml/jquery/21.htm