jQuery метод outerWidth()

Методы HTML/CSS jQuery

Метод outerWidth()��取 или установите внешнюю ширину выбранного элемента (включая padding, border).

outerWidth(trueметод��取 или установите внешнюю ширину выбранного элемента (включая padding, border и margin).

При использовании метода externalWidth()ПолучитеПри установке ширины, он вернетпервый выбранный элементширина.

При использовании метода externalWidth()УстановитеПри установке ширины, он будет устанавливатьВсе выбранные элементыширина.

Как показано на рисунке, метод externalWidth() включает заполнение и рамку:

Чтобы включить отступы, используйте outerWidth(true).

Грамматика:

Получите внешнюю ширину:

$("selector").outerWidth()

Получите внешнюю ширину, включая отступы:

$("selector").outerWidth(true)

Установите внешнюю ширину:

$("selector").outerWidth(value)

Пример

Получите внешнюю ширину элемента DIV:

$("div").click(function(){
　　$("this").outerWidth();
});

Получите внешнюю ширину элемента DIV (включая отступы):

$("div").click(function(){
　　$("this").outerWidth(true);
});

Установите внешнюю ширину всех абзацев:

$("button").click(function(){
　　$("p").outerWidth(100);
});

Установите внешнюю ширину всех абзацев с использованием различных единиц измерения:

$("#btn1").click(function(){
　　$("p").outerWidth(100);
});
$("#btn2").click(function(){
　　$("p").outerWidth("10em");
});
$("#btn3").click(function(){
　　$("p").outerWidth("100vw");
});

Показать различия между width(), height(), innerHeight(), innerWidth(), outerWidth() и outerHeight():

$("button").click(function(){
　　$("div").width();
　　$("div").innerWidth();
　　$("div").outerWidth();
　　$("div").height();
　　$("div").innerHeight();
　　$("div").outerHeight();
});

Значение параметра

Методы HTML/CSS jQuery