定义和用法
的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()
如何改变网页的背景颜色在较小的屏幕。