定義と使用法
width()メソッドを設定または選択した要素の幅を返します。
この方法は、幅を返すために使用される場合、それは、最初に一致した要素の幅を返します。
この方法は、幅を設定するために使用される場合、それはすべてのマッチした要素の幅を設定します。
下の画像が示すように、この方法は、パディング、ボーダー、またはマージンが含まれていません。
関連するメソッド：
- height() -要素の高さを設定または返します。
- innerWidth() - （詰め物を含んでいる）要素の幅を返します。
- innerHeight() - （詰め物を含んでいる）要素の高さを返します
- outerWidth() - （パディングとボーダーを含みます）の要素の幅を返します。
- outerHeight() - （パディングとボーダーを含んで）要素の高さを返します。
構文
幅を返します：
$(selector).width()
幅を設定します。
$(selector).width(value)
関数を使用して幅を設定します。
$(selector).width(function(index,currentwidth))
| パラメーター | 説明 |
|---|---|
| value | 幅を設定するために必要です。 など、PT、全角、ピクセルで幅を指定デフォルトの単位はピクセルです |
| function(index,currentwidth) | 任意。 選択された要素の新しい幅を返す関数を指定します。
|
それを自分で試してみてください - 例
要素の幅を設定します。
異なる単位を使用して、要素の幅を設定する方法。
関数を使用して幅を減少させます
要素の幅を減少させる機能を使用する方法。
ドキュメントとウィンドウの要素の幅を返します。
ドキュメントとウィンドウの要素の現在の幅を返す方法。
関連した方法で表示寸法
使い方width(), height(), innerHeight(), innerWidth(), outerWidth()とouterHeight()
レスポンシブ・デザインwidth()
小さい画面上でページの背景色を変更する方法。