width([val|fn]) | jQuery API 3.2 中文文档 | jQuery API 在线手册

jQuery API 3.2.1

推荐办理招商信用卡,新户首刷礼,五折享美食,需要的速度围观~click here
首页  >  CSS  > width([val|fn]) 源码下载

返回值:Integerwidth([val|fn])

概述

取得第一个匹配元素当前计算的宽度值(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();
          

参数val 描述:

把所有段落的宽设为 20:

jQuery 代码:
            $("p").width(20);
          

参数function(index, height) 描述:

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

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