# jQuery CSS 操作 - width() 方法 ## 實例 設置 <p> 元素的寬度： ``` $(".btn1").click(function(){ $("p").width(200); }); ``` ## 定義和用法 width() 方法返回或設置匹配元素的寬度。 ## 返回寬度 返回第一個匹配元素的寬度。 如果不為該方法設置參數，則返回以像素計的匹配元素的寬度。 ### 語法 ``` $(_selector_).width() ``` ## 設置寬度 設置所有匹配元素的寬度。 ### 語法 ``` $(_selector_).width(_length_) ``` | 參數 | 描述 | | --- | --- | | _length_ | 可選。規定元素的寬度。如果沒有規定長度單位，則使用默認的 px 單位。 | ## 使用函數來設置寬度 使用函數來設置所有匹配元素的寬度。 ### 語法 ``` $(_selector_).width(_function(index,oldwidth)_) ``` | 參數 | 描述 | | --- | --- | | _function(index,oldwidth)_ | 規定返回被選元素新寬度的函數。 `index` - 可選。接受選擇器的 index 位置 `oldvalue` - 可選。接受選擇器的當前值。 | ## 親自試一試 - 實例 [獲得文檔和窗口元素的寬度](/tiy/t.asp?f=jquery_css_width_doc_win) 使用 width() 方法來獲得 document 和 window 元素的當前寬度。 [使用 em 和 % 值來設置寬度](/tiy/t.asp?f=jquery_css_width_set_unit) 使用指定的長度單位來設置元素的寬度。