## 高度 height(\[val | fn\]) 概述：取得匹配元素當前計算的高度值（px）。 ~~~ $("p").height(); // 獲取段落的高度 $("p").height(20); // 設置段落的高度 $("button").click(function(){ $("p").height(function(i, v){ return v + 10; }); }); // 點擊按鈕，段落高度增加 10 ~~~ ## 寬度 width(\[val | fn\]) 概述：取得第一個匹配元素當前計算的寬度值（px）。 ~~~ $("p").width(); // 獲取段落的寬度 $("p").width(200); // 設置段落的高度 $("button").click(function(){ $("p").width(function(i, v){ return v + 10; }); }); // 點擊按鈕，段落寬度增加 10 ~~~ ## 內部高度 innerHeight() 概述：獲取第一個匹配元素內部區域高度（包括補白、不包括邊框）。 ~~~ var p = $("p:first"); $("p:last").text("innerHeight:" + p.innerHeight()); // 獲取第一段落內部區域高度。 ~~~ ## 內部寬度 innerWidth() 概述：獲取第一個匹配元素內部區域寬度（包括補白、不包括邊框）。 ~~~ var p = $("p:first"); $("p:last").text("innerWidth:" + p.innerWidth()); // 獲取第一段落內部區域寬度。 ~~~ ## 外部高度 outerHeight(\[options\]) 概述：獲取第一個匹配元素外部高度（默認包括補白和邊框）。 * options：是否計算邊距 ~~~ var p = $("p:first"); $("p:last").text("outerHeight:" + p.outerHeight() + " , outerHeight(true):" + p.outerHeight(true)); // 獲取第一段落外部高度。 ~~~ ## 外部寬度 outerWidth(\[options\]) 概述：獲取第一個匹配元素外部寬度（默認包括補白和邊框）。 * options：是否計算邊距 ~~~ var p = $("p:first"); $("p:last").text("outerWidth:" + p.outerWidth() + " , outerWidth(true):" + p.outerWidth(true)); ~~~