jQuery метод outerHeight()

Методы HTML/CSS jQuery

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

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

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

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

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

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

Грамматика:

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

$(selector).outerHeight()

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

$(selector).outerHeight(true)

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

$(selector).outerHeight(value)

Пример

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

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

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

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

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

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

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

$("#btn1").click(function() {
　　$("p").outerHeight(100);
});
$("#btn2").click(function() {
　　$("p").outerHeight("7em");
});
$("#btn3").click(function(){
　　$("p").outerHeight("100vh");
});

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

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

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

Методы HTML/CSS jQuery