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

jQuery height() Method

<jQueryのHTML / CSSのメソッド

<div>要素の高さを返します:

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

定義と使用法

height()メソッドを設定または選択した要素の高さを返します。

この方法は、高さを返すために使用されるとき、それは最初に一致した要素の高さを返します。

この方法は、高さを設定するために使用される場合、それはすべてのマッチした要素の高さを設定します。

下の画像が示すように、この方法は、パディング、ボーダー、またはマージンが含まれていません。

jQueryの寸法


関連するメソッド:

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

構文

高さを返します:

$(selector).height()

高さを設定します。

$(selector).height(value)

関数を使用して高さを設定します。

$(selector).height(function(index,currentheight))

パラメーター 説明
value 高さを設定するために必要です。 ピクセルで高さを指定し、EM、PTなど
デフォルトの単位はピクセルです
function(index,currentheight) 任意。 選択された要素の新しい高さを返す関数を指定します。
  • index -セット内の要素のインデックス位置を返します。
  • currentheight -選択した要素の現在の高さを返します

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

要素の高さを設定します。
異なる単位を使用して、要素の高さを設定する方法。

関数を使用して高さを増やします
どの要素の高さを増加させる機能を使用します。

ドキュメントとウィンドウ要素の高さを返します。
ドキュメントとウィンドウの要素の現在の高さを返す方法。

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


<jQueryのHTML / CSSのメソッド