.width()

获取匹配元素集合中第一个元素的当前计算宽度，或设置每个匹配元素的宽度。

.width()

• 返回: Number

获取匹配元素集合中第一个元素的当前计算宽度。

.width() from @1.0

• 该方法不接收任何参数

.css( "width" ) 和 .width() 之间的区别在于，后者返回一个无单位的像素值（例如，400），而前者返回一个保留单位的值（例如，400px）。当需要在数学计算中使用元素的宽度时，建议使用 .width() 方法。

参考图：

该方法也适用于window和document对象

// 返回浏览器视口的宽度
$(window).width()

// 返回HTML文档的宽度
$(document).width()

.width( value )

• 返回: domtify

设置每个匹配元素的 CSS 宽度。

.width( value ) from @1.0

• value
  • 类型: String | Number
  • 描述: 表示像素数量的整数，或附加可选测量单位的整数（作为字符串）。

.width( function ) from @1.0

• function
  • 类型: Function( Integer index, Integer width ) => String | Number
  • 描述: 一个返回要设置宽度的函数。接收元素在集合中的索引位置和旧宽度作为参数。在函数内部，this 指向集合中的当前元素。

当调用 .width(value) 时，value 可以是字符串（数字和单位）或数字。如果只为 value 提供数字，domtify 会假设为像素单位。但是，如果提供字符串，则必须为宽度提供有效的 CSS 测量值（如 100px、50% 或 auto）。请注意，在现代浏览器中，CSS width 属性不包括内边距、边框或外边距。

如果没有指定明确的单位（如 'em' 或 '%'），则会在值后面连接 "px"。

请注意，.width(value) 设置框的内容宽度，而不考虑 CSS box-sizing 属性的值。