Метод jQuery externalWidth()

❮ Методы HTML/CSS jQuery

Пример

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

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

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

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

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

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

Размеры jQuery


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

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

Синтаксис

$(selector).outerWidth(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().


❮ Методы HTML/CSS jQuery