## 高度 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)); ~~~