jQuery width() メソッド

<div> 要素の幅を返す：

$("button").click(function(){
alert($("div").width());
});

定義と用法

width() メソッドは、選択した要素の幅を設定するか、または値を返します。

このメソッドを、幅を返すために使用した場合、最初にマッチした要素の幅を返します。

このメソッドを、幅を設定するために使用した場合、マッチした全ての要素の幅を設定します。

下の図が示すように、このメソッドは、パディング、ボーダー、マージンを含みません。

jQuery Dimensions

幅を返す：

$(selector).width()

幅を設定する：

$(selector).width(value)

関数を使用して幅を設定する：

$(selector).width(function(index,currentwidth))

パラメータ	説明
value	幅を設定する場合は必須。幅は、px、em、pt 等で設定する。デフォルトの単位は px
function(index,currentwidth)	任意。選択した要素の新しい幅を返す関数を指定する index - 集合内の要素のインデックス位置を返す currentwidth - 選択した要素の現在の幅を返す

要素の幅を設定する
いろいろな単位を使用して要素の幅を設定する方法。

関数を使用して幅を縮小する
要素の幅を縮小させるために関数を使用する方法。

ドキュメントとウィンドウ要素の幅を返す
ドキュメントとウィンドウ要素の現在の幅を返す方法。

関連するメソッドを使用しサイズを表示する
width()、height()、innerHeight()、innerWidth()、outerWidth() および outerHeight() の使用方法。