Метод jQuery externalHeight()

❮ Методы jQuery HTML/CSS

Пример

Возвращает внешнюю высоту элемента <div>:

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

Определение и использование

Метод externalHeight() возвращает внешнюю высоту ПЕРВОГО совпавшего элемента.

Как показано на изображении ниже, этот метод включает отступы и границы.

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

Размеры jQuery


Связанные методы:

  • width() - устанавливает или возвращает ширину элемента
  • height() - устанавливает или возвращает высоту элемента
  • innerWidth() - возвращает ширину элемента (включая отступы)
  • innerHeight() - возвращает высоту элемента (включая отступы)
  • externalWidth() — возвращает ширину элемента (включая отступы и границы).

Синтаксис

$(selector).outerHeight(includeMargin)

Parameter Description
includeMargin Optional. A Boolean value specifying whether or not to include the margin
  • false - Default. Does not include the margin
  • true - Includes the margin

Попробуйте сами - примеры


Укажите, следует ли включать поле.


Как использовать width(), height(), innerHeight(), innerWidth(), externalWidth() и externalHeight().


❮ Методы jQuery HTML/CSS