jQuery CSS 操作 - width() メソッド

jQuery CSS 操作参考手册

例

<p> 要素の幅を設定：

$(".btn1").click(function(){
  $("p").width(200);
});

自分で試してみてください

定義と使用法

width() メソッドは、一致する要素の幅を設定または取得します。

幅を返します

最初の一致する要素の幅を返します。

このメソッドにパラメータを設定しない場合、ピクセルで計算された一致する要素の幅を返します。

構文

$(selector).width()

自分で試してみてください

幅を設定

すべての一致する要素の幅を設定します。

構文

$(selector).width(length)
パラメータ 説明
length

オプション。要素の幅を指定します。

長さ単位が指定されていない場合、デフォルトの px 単位を使用します。

自分で試してみてください

関数を使用して幅を設定

関数を使用してすべての一致する要素の幅を設定します。

構文

$(selector).width(function(index,oldwidth))
パラメータ 説明
function(index,oldwidth)

選択された要素の新しい幅を返す関数を指定します。

  • index - オプション。選択子のインデックス位置を受け入れます
  • oldvalue - オプション。選択子の現在の値を受け入れます。

自分で試してみてください

さらに詳しい例

ドキュメントとウィンドウ要素の幅を取得
width() メソッドを使用して document と window 要素の現在の幅を取得します。
em と % 値を使用して幅を設定
指定の長さ単位を使用して要素の幅を設定します。

jQuery CSS 操作参考手册