Последние учебники веб-разработки
 

jQuery height() Method

<JQuery HTML / CSS методы

пример

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

$("button").click(function(){
    alert($("div").height());
});
Попробуй сам "

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

В height() устанавливает метод или возвращает высоту выбранных элементов.

Когда этот метод используется для возврата высоты, он возвращает высоту первого элемента.

Когда этот метод используется для установки высоты, он устанавливает высоту всех соответствующих элементов.

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

Jquery Размеры


Аналогичные методы:

  • width() - Устанавливает или возвращает ширину элемента
  • innerWidth() - Возвращает ширину элемента (включает в себя дополнение)
  • innerHeight() - Возвращает высоту элемента (включает в себя дополнение)
  • outerWidth() - Возвращает ширину элемента (включает отступы и границы)
  • outerHeight() - Возвращает высоту элемента (включает отступы и границы)

Синтаксис

Возвращает высоту:

$(selector).height()

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

$(selector).height(value)

Установите высоту с помощью функции:

$(selector).height(function(index,currentheight))

параметр Описание
value Требуется для настройки высоты. Определяет высоту в рх, эм, пт и т.д.
По умолчанию устройство ПВ
function(index,currentheight) Необязательный. Определяет функцию, которая возвращает новую высоту выбранных элементов
  • index - Возвращает позицию индекса элемента в наборе
  • currentheight - Возвращает текущую высоту выбранного элемента

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

Установите высоту элемента
Как установить высоту элемента, используя разные единицы измерения.

Увеличение высоты с помощью функции
Как использовать функцию, чтобы увеличить высоту элемента.

Возвращает высоту документа и оконных элементов
Как вернуть текущую высоту документа и оконных элементов.

Размеры дисплея со связанными методами
Как использовать width(), height(), innerHeight(), innerWidth(), outerWidth() и outerHeight() .


<JQuery HTML / CSS методы