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] changeイベントを設定する(.change)

jQueryでchangeイベントを記述するサンプルです。 サンプル 例)テキストボックスの値を変更するとアラート表示す ...

[jQuery] 配列を結合する($.merge)

配列を結合するには、$.merge()を使用します。 サンプルソース 例)配列arr1、arr2を結合する [crayo ...

[jQuery] マウスアウトイベントを設定する(.mouseout)

jQueryでマウスアウトイベントを記述するには、.mouseout()を使用します。 サンプルソース 例)マウスアウト ...

[jQuery] ページを閉じる時に確認メッセージを表示する(beforeunload)

ページを閉じる時に確認メッセージを表示するには、beforeunloadを使用します。 しかし、beforeunload ...

[jQuery] プラグインを自作する

jQueryのプラグインを自作するサンプルです。 構文 プラグインは以下の構文で記述します。 (構文) (functio ...

スポンサーリンク