jQuery width()

介绍

width() 是一个用于获取或设置元素宽度的 jQuery 方法。它返回或设置匹配元素集合中第一个元素的宽度。

用法示例

获取元素宽度

let elementWidth = $('#myElement').width();
console.log('元素宽度为: ' + elementWidth);

设置元素宽度

$('#myElement').width(300);

基于当前宽度进行计算

let currentWidth = $('#myElement').width();
let newWidth = currentWidth + 100;
$('#myElement').width(newWidth);

返回值

• 以整数形式返回元素的宽度（不包含内边距、边框或外边距）。
• 当使用方法设置元素宽度时，返回 jQuery 对象以支持链式操作。

注意事项

• 如果匹配的元素集合为空，则返回 undefined。
• 宽度的单位默认为像素（px），可以通过 CSS 设置使用其他单位。

特殊用法

获取视口宽度

let viewportWidth = $(window).width();
console.log('视口宽度为: ' + viewportWidth);

获取文档宽度

let documentWidth = $(document).width();
console.log('文档宽度为: ' + documentWidth);

参考链接

• jQuery width() - 官方文档