jQuery ヘルプ CSS サイズ (5) externalHeight、outerWidth_jquery

要件を満たすように要素をより適切に制御するために、outerHeight(options) と externalWidth(options) を通じてこのパーツの高さと幅を取得できます。

outerHeight(options)
最初に一致した要素の外側の高さを取得します (デフォルトではパディングとボーダーが含まれます)。
このメソッドは、表示要素と非表示要素の両方に機能します。
戻り値: 整数
パラメータ:
options(Boolean): (false) true に設定すると、マージンが計算に含まれます。
例:
最初の段落の外側の高さを取得します。
HTML コード:

こんにちは

第 2 段落

jQuery コード:
var p = $("p:first") ;
$("p:last").text( "outerHeight:" p.outerHeight() " 、outerHeight(true):" p.outerHeight(true) );

結果:

Hello

outerHeight: 35、outerHeight(true):55

outerWidth(options)
最初に一致する要素の外側の幅を取得します (デフォルトではフィラーが含まれます)とフレーム）。
このメソッドは、表示要素と非表示要素の両方に機能します。
戻り値: 整数
パラメータ:
options(Boolean): (false) true に設定すると、マージンが計算に含まれます。
例:
最初の段落の外側の幅を取得します。
HTML コード:

こんにちは

第 2 段落

jQuery コード:

var p = $("p: first");
$("p:last").text( "outerWidth:" p.outerWidth() " , innerWidth(true):" p.outerWidth(true) );

結果:

こんにちは

outerWidth: 65 、outerWidth(true):85