jquery中innerWidth()，outerWidth()，outerWidth(true)和width()的區別

var a = 元素本身的寬度；

width() = a；

innerWidth() = a+padding;

outerWidth() = a+padding+border;

outerWidth(true) = a+padding+border+margin;

在jQuery中，
width()方法用於獲得元素寬度；
innerWidth()方法用於獲得包括內邊界（padding）的元素寬度，
outerWidth()方法用於獲得包括內邊界(padding)和邊框(border)的元素寬度，
如果outerWidth()方法的參數為true則外邊界(margin)也會被包括進來，即獲得包括外邊框(margin)、內邊界(padding)和邊框(border)的元素寬度。
同理，innerHeight方法與outerHeight方法也是用同樣的方法計算相應的高度。
所以說：對於同一個元素應該是：
width()<=innerWidth()<=outerWidth()<=outerWidth(true);


舉個例子：

<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
    var obj=$("#p_obj");
    alert(obj.width());
    alert(obj.innerWidth());
    alert(obj.outerWidth());
    alert(obj.outerWidth(true));
  });
});
</script>
<p id="p_obj" style=" width:200px; padding:10px; border:10px solid blue; margin:10px;">This is a paragraph.</p>
<button class="btn1">輸出高度</button>

輸出的結果分別是 200px, 220px, 240px, 260px.