English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
width()方法获取或设置所选元素的宽度。
当使用width()方法时，获取宽度设置时，它将返回第一个选定元素的宽度。
当使用width()方法时，设置宽度设置时，它将设置所有选定元素的宽度。
如下图所示，width()方法不包含填充，边框或边距：
宽度值也可以是相对的。如果为值提供了前导+=或-=字符序列，则通过从当前值中加上或减去给定的数字来计算目标宽度（例如width（"-= 250”））。
得到宽度：
$(selector).width()
设置宽度：
$(selector).width(value)
使用函数设置宽度：
$(selector).width(function(index, currentWidth))
DIV元素的宽度获取：
$("div").click(function(){
$(this).width();
});테스트를 해보세요‹/›所有段落的宽度设置：
$("button").click(function(){
$("p").width(250);
});테스트를 해보세요‹/›使用不同的单位设置所有段落的宽度：
$("#btn1").click(function(){
$("p").width(250);
});
$("#btn2").click(function(){
$("p").width("7em");
});
$("#btn3").click(function(){
$("p").width("100vw");
});테스트를 해보세요‹/›单击按钮时，减小所有段落的宽度（使用函数）：
$("button").click(function(){
$("p").width(function(i, val){
return val - 50;
});
});테스트를 해보세요‹/›width()方法还可以找到窗口和文档的宽度：
$(window).width();// 浏览器视口的宽度返回 $(document).width(); //HTML文档的宽度返回테스트를 해보세요‹/›
width()，height()，innerHeight()，innerWidth()，outerWidth()和outerHeight()之间的差异显示：
$("button").click(function(){
$("div").width();
$("div").innerWidth();
$("div").outerWidth();
$("div").height();
$("div").innerHeight();
$("div").outerHeight();
});테스트를 해보세요‹/›| 파라미터 | 설명 |
|---|---|
| value | 픽셀 수를 나타내는 정수 또는 선택할 수 있는 단위가 추가된 정수(문자로) |
| function(index, currentWidth) | 함수를 지정합니다. 이 함수는 선택된 요소의 너비를 반환
|