height()

説明補足説明コード関連書籍コメント投稿

このサンプルは、jQueryのheight()メソッドを利用してdiv要素の高さを取得して表示します。サンプルの長方形をクリックするとdiv要素の高さが表示されます。

このサンプルは、jQueryのheight()メソッドを利用してdiv要素の高さを取得して表示します。サンプルの長方形をクリックするとdiv要素の高さが表示されます。

height()
html要素の高さを取得するには、jQueryのheight()メソッドを使用します。ここでは、div要素の高さを取得して表示します。document、windowの高さを取得するには$(documnet).height()、$(window).height()のように記述します。 

$("div").click(function() {
  $("p").text("The height for this div is " + $(this).height() + "px.");
});

<div style="height:20px">20px</div>
<div style="height:40px">40px</div>
<div style="height:60px">60px</div>
<br />
<p></p>