定義和用法
的width()方法設置或返回選定元素的寬度。
當使用這個方法返回的寬度，它返回第一個匹配元素的寬度。
當使用這種方法來設置寬度，它設置所有匹配元素的寬度。
如下圖所示，這種方法不包括填充，邊框，或保證金。
相關的方法：
- height() -設置或返回元素的高度
- innerWidth() -返回元素的寬度（包括填充）
- innerHeight() -返回元素的高度（包括填充）
- outerWidth() -返回元素的寬度（包括填充和邊界）。
- outerHeight() -返回元素的高度（包括填充和邊界）。
句法
返回寬度：
$(selector).width()
設置寬度：
$(selector).width(value)
使用函數設置寬度：
$(selector).width(function(index,currentwidth))
| 參數 | 描述 |
|---|---|
| value | 需要設置寬度。 指定像素寬度，EM，PT等默認單位是像素 |
| function(index,currentwidth) | 可選的。 指定返回所選元素的新寬度的函數
|
試一試 - 示例
設置元素的寬度
如何設置利用不同的單位元素的寬度。
使用功能減退的寬度
如何使用一個函數，以減少元件的寬度。
返回文檔和窗口元素的寬度
如何返回文件和窗口元件的電流的寬度。
顯示屏的尺寸與相關方法
如何使用width(), height(), innerHeight(), innerWidth(), outerWidth()和outerHeight()
與響應式設計width()
如何改變網頁的背景顏色在較小的屏幕。