閱讀(10.7k) 書簽贊(0) 我要糾錯(cuò)

jQuery width() 方法

2018-11-21 13:43 更新

實(shí)例

返回 <div> 元素的寬度：

$("button").click(function(){
alert($("div").width());
});

width() 方法設(shè)置或返回被選元素的寬度。

當(dāng)該方法用于返回寬度時(shí)，則返回第一個(gè)匹配元素的寬度。

當(dāng)該方法用于設(shè)置寬度時(shí)，則設(shè)置所有匹配元素的寬度。

如下面的圖像所示，該方法不包含 padding、border 或 margin。

jQuery Dimensions

相關(guān)方法：

返回寬度：

$(selector).width()

設(shè)置寬度：

$(selector).width(value)

使用函數(shù)設(shè)置寬度：

$(selector).width(function(index,currentwidth))

參數(shù)	描述
value	當(dāng)設(shè)置寬度時(shí)是必需的。規(guī)定元素的寬度，單位為 px、em、pt 等。默認(rèn)單位是 px。
function(index,currentwidth)	可選。規(guī)定返回被選元素新寬度的函數(shù)。 index - 返回集合中元素的 index 位置。 currentwidth - 返回被選元素的當(dāng)前寬度。