Метод jQuery высота ()
Пример
Вернуть высоту элемента <div>:
$("button").click(function(){
alert($("div").height());
});
Определение и использование
Метод height() устанавливает или возвращает высоту выбранных элементов.
Когда этот метод используется для возврата высоты, он возвращает высоту ПЕРВОГО совпавшего элемента.
Когда этот метод используется для установки высоты, он устанавливает высоту ВСЕХ соответствующих элементов.
Как показано на изображении ниже, этот метод не включает отступы, границы или поля.
Связанные методы:
- width() - устанавливает или возвращает ширину элемента
- innerWidth() - возвращает ширину элемента (включая отступы)
- innerHeight() - возвращает высоту элемента (включая отступы)
- externalWidth() - возвращает ширину элемента (включая отступы и границы)
- externalHeight() - возвращает высоту элемента (включая отступы и границы)
Синтаксис
Вернуть высоту:
$(selector).height()
Установите высоту:
$(selector).height(value)
Установите высоту с помощью функции:
$(selector).height(function(index,currentheight))
Parameter | Description |
---|---|
value | Required for setting height. Specifies the height in px, em, pt, etc. Default unit is px |
function(index,currentheight) | Optional. Specifies a function that returns the new height of selected elements
|
Попробуйте сами - примеры
Как установить высоту элемента, используя различные единицы измерения.
Как использовать функцию для увеличения высоты элемента.
Как вернуть текущую высоту документа и элементов окна.
Как использовать width(), height(), innerHeight(), innerWidth(), externalWidth() и externalHeight().