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] 要素まとめて指定したタグで囲う(.wrapAll)

要素まとめて指定したタグで囲うには、.wrapAll()を使用します。 サンプルソース 例)class="d1"の要素を ...

[jQuery] セレクタに一致するか判定する(.is)

セレクタに一致するか判定するには、isを使用します。 サンプルソース 例)要素がclass="b"を持っているかどうか判 ...

[jQuery] テキストやコメントも対象とした全子要素を取得する(.contents)

テキストやコメントも対象とした子要素を取得するには、.contents() を使用します。 構文 (構文) .conte ...

[jQuery] 配列の要素を順番にチェックする(.every)

配列の要素を順番にチェックするには、.every()を使用します。 サンプルソース 例)配列要素が全て100以上200以 ...

[jQuery] 指定したclassの要素の数を取得する

指定したclassの要素の数を取得するには、.lengthを使います。 サンプルソース 例)ボタンを押すと、class= ...

スポンサーリンク