jQuery

[jQuery] 要素の横幅と高さを取得する

投稿日:2017年10月1日 更新日:

要素の横幅と高さを取得するには、outerWidth/outerHeightinnerWidth/innerHeightを使用します。

サンプルソース

例)hogeをクリックすると要素のサイズを表示する

結果例

150x100のDIVで、枠線の太さが10pxです。

hoge
(結果)
160x110、150x100

1つ目の値はouter値、2つ目の値はinner値です。

解説

  • outerWidth、outerHeightはborderサイズを含むサイズを返します。
  • innerWidth、innerHeightはborderサイズを含まないサイズを返します。
  • outerWidthとouterHeightは引数にtrueを渡すと、marginを含んだ値が返ります。
    例)outerWidth(true);

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[jQuery] 要素をdisable、enableにする

要素をdisableやenableにするサンプルです。 サンプルソース 例)ボタンを押すとEnable、Disableを ...

[jQuery] 順序を逆順にする(.reverse)

要素の順序を逆順にするには、.reverse()を使用します。 サンプルソース 例)ボタンを押すと、リストの並びを逆順に ...

[jQuery] チェックボックスのオンオフをセットする

jQueryでチェックボックスのオンオフ状態をセットするサンプルです。 サンプルソース 例)チェックボックスのチェック状 ...

[jQuery] classの適用・非適用を切り替える(.toggleClass)

要素へclassの適用・非適用を切り替えるには、toggleClassを使用します。 サンプルソース 例)ボタンを押すと ...

[jQuery] マウスカーソル移動時イベントを取得する(.mousemove)

jQueryでマウスカーソル移動時イベントを取得するには、.mousemoveを使用します。 サンプルソース 例)マウス ...

スポンサーリンク