最新のWeb開発のチュートリアル
 

jQuery outerHeight() Method

<jQueryのHTML / CSSのメソッド

外側の高さが戻る<div>要素を:

$("button").click(function(){
    alert($("div").outerHeight());
});
»それを自分で試してみてください

定義と使用法

outerHeight()メソッドは、最初に一致した要素の外側の高さを返します。

下の画像が示すように、この方法は、パディングとボーダーを含んでいます。

ヒント:使用し、マージンを含めるにouterHeight(true)

jQueryの寸法


関連するメソッド:

  • width() -要素の幅を設定または返します。
  • height() -要素の高さを設定または返します。
  • innerWidth() - (詰め物を含んでいる)要素の幅を返します。
  • innerHeight() - (詰め物を含んでいる)要素の高さを返します
  • outerWidth() - (パディングとボーダーを含みます)の要素の幅を返します。

構文

$(selector).outerHeight( includeMargin )

パラメーター 説明
includeMargin 任意。 マージンを含めるかどうかを指定するブール値
  • false -デフォルト。 マージンが含まれていません
  • true -マージンが含まれています

それを自分で試してみてください - 例

マージンを含めます
マージンを含めるかどうかをSpecifiy。

関連した方法で表示寸法
使い方width(), height(), innerHeight(), innerWidth(), outerWidth()outerHeight()


<jQueryのHTML / CSSのメソッド