width([val|fn])

返回值

Integer

概述

取得第一个匹配元素当前计算的宽度值（px）。

在 jQuery 1.2 以后可以用来获取 window 和 document 的宽

参数

参数 类型 说明 示例值
val String, Number, Function
v1.0

设定CSS中 'width' 的值，可以是字符串或者数字，还可以是一个函数，返回要设置的数值。函数接受两个参数，第一个参数是元素在原先集合中的索引位置，第二个参数为原先的宽度。
function(index, height) String, Number, Function
v1.4.1

返回用于设置宽度的一个函数。接收元素的索引位置和元素旧的宽度值作为参数。

示例

示例一

描述： 获取第一段的宽

jQuery 代码

$("p").width();
示例二

描述： 把所有段落的宽设为 20:

jQuery 代码

$("p").width(20);
示例三

描述： 以 10 像素的幅度增加 p 元素的宽度

jQuery 代码

  $("button").click(function(){   
      $("p").width(function(n,c){    
        return c+10;    
      });
  });