# 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) 使用指定的长度单位来设置元素的宽度。