jQuery width() 方法
定義和用法
width() 方法設定或返回選定元素的寬度。
當此方法用於返回寬度時，它返回第一個匹配元素的寬度。
當此方法用於設定寬度時，它設定所有匹配元素的寬度。
如下圖所示，此方法不包括內邊距 (padding)、邊框 (border) 或外邊距 (margin)。
相關方法
- height() - 設定或返回元素的高度
- innerWidth() - 返回元素的 CSS 寬度（包括內邊距）
- innerHeight() - 返回元素的 CSS 高度（包括內邊距）
- outerWidth() - 返回元素的寬度（包括內邊距和邊框）。
- outerHeight() - 返回元素的高度（包括內邊距和邊框）。
語法
返回寬度
$(selector).width()
設定寬度
$(selector).width(value)
使用函式設定寬度
$(selector).width(function(index,currentwidth))
| 引數 | 描述 |
|---|---|
| value | 設定寬度時必需。以 px、em、pt 等為單位指定寬度。預設單位是 px |
| function(index,currentwidth) | 可選。指定一個返回選定元素新寬度的函式
|
親手嘗試 - 示例
設定元素的寬度
如何使用不同單位設定元素的寬度。
使用函式減小寬度
如何使用函式減小元素的寬度。
返回文件和視窗元素的寬度
如何返回文件和視窗元素的當前寬度。
使用相關方法顯示尺寸
如何使用 width()、height()、innerHeight()、innerWidth()、outerWidth() 和 outerHeight()。
響應式設計與 width()
如何在較小螢幕上更改頁面的背景顏色。
