最新のWeb開発のチュートリアル
 

jQuery outerWidth() Method

<jQueryのHTML / CSSのメソッド

外幅返し<div>要素を:

$("button").click(function(){
    alert($("div").outerWidth());
});
»それを自分で試してみてください

定義と使用法

outerWidth()メソッドは、最初に一致した要素の外側の幅を返します。

下の画像が示すように、この方法は、パディングとボーダーを含んでいます。

ヒント:使用し、マージンを含めるにouterWidth(true)

jQueryの寸法


関連するメソッド:

  • width() -要素の幅を設定または返します。
  • height() -要素の高さを設定または返します。
  • innerWidth() - (詰め物を含んでいる)要素の幅を返します。
  • innerHeight() - (詰め物を含んでいる)要素の高さを返します
  • outerHeight() - (パディングとボーダーを含んで)要素の高さを返します。

構文

$(selector).outerWidth( includeMargin )

パラメーター 説明
includeMargin 任意。 マージンを含めるかどうかを指定するブール値
  • false -デフォルト。 マージンが含まれていません
  • true -マージンが含まれています

それを自分で試してみてください - 例

マージンを含めます
マージンを含めるかどうかをSpecifiy。

関連した方法で表示寸法
使い方width(), height(), innerHeight(), innerWidth(), outerWidth()outerHeight()


<jQueryのHTML / CSSのメソッド