jQueryの基礎特定の要素の高さを取得する

update : 2022.05.20

jQueryを利用して特定の要素の高さを取得します。ウィンドウサイズによって可変になる要素の高さを任意のタイミングで取得したい場合などに大変役に立ちます。

heightメソッドを利用して要素の高さを取得する

sampleというclass名がついたdiv要素の高さを取得します。


$(div.sample).height();

// | このままだと取得しただけなので変数などに入れて利用します。
// | 以下の場合はブラウザのコンソールにログとして出力されます。

console.log($(div.sample).height());