jQuery CSS 操作 - height() メソッド

jQuery CSS 操作参考手册

例

<p> 要素の高さを設定します：

$(".btn1").click(function(){
  $("p").height(50);
});

自分で試してみてください

定義と使用法

height() メソッドは、一致する要素の高さを設定または返します。

高さを返します

最初の一致する要素の高さを返します。

このメソッドにパラメータが設定されていない場合、ピクセルで計算された一致する要素の高さを返します。

構文

$(selector).height()

自分で試してみてください

高さを設定します

すべての一致する要素の高さを設定します。

構文

$(selector).height(length)
引数 説明
length

オプション。要素の高さを指定します。

長さ単位が指定されていない場合、デフォルトの px 単位を使用します。

自分で試してみてください

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

関数を使用してすべての一致する要素の高さを設定します。

構文

$(selector).height(function(index,oldheight))
引数 説明
function(index,oldheight)

選択された要素の新しい高さを返す関数を定義します。

  • index - オプション。選択子のインデックス位置を受け入れます
  • oldvalue - オプション。選択子の現在の値を受け入れます。

自分で試してみてください

さらに例

ドキュメントとウィンドウ要素の高さを取得します
height() メソッドを使用して document と window 要素の現在の高さを取得します。
em と % 値を使用して高さを設定します
指定の長さ単位を使用して要素の高さを設定します。

jQuery CSS 操作参考手册