Матеріал з JQuery
.height () .innerHeight () .outerHeight ()
Функції повертають висоту елемента. Крім цього, за допомогою height (), можна встановити нове значення висоти. Є кілька варіантів використання функцій:
.height () .innerHeight () .outerHeight ([includeMargin]) : integer 1.0
всі три функції повертають висоту першого з обраних елементів сторінки. Відмінності у функцій наступні:
height () - висота елемента без урахування відступів і товщини рамки.
innerHeight () - висота елемента з урахуванням розміру внутрішніх відступів (padding).
outerHeight (includeMargin) - висота елемента з урахуванням внутрішніх відступів, рамки (border-width) і при необхідності зовнішніх відступів (margin). 
встановлює нове значення висоти рівне value, для всіх обраних елементів
.height (function (index, value)) : jQuery 1.4 встановлює нове значення висоти елементів, рівне значенню, яке поверне призначена для користувача функція. Функція викликається окремо, для кожного з обраних елементів. Коли Ви телефонуєте їй передаються такі параметри: index - позиція елемента в наборі , Value - поточне значення висоти елемента.
Приклади використання:
$ ( "div.content"). height () поверне висоту першого div-елемента з класом content. $ (document) .height () поверне висоту всієї сторінки $ ( ". content"). height (30) встановлює значення висоти в 30 пікселів всіх елементів з класом content. $ ( "div.content"). outerHeight () поверне висоту першого div-елемента з класом content. В значення висоти будуть включені внутрішні відступи і товщина рамок $ ( "div.content"). OuterHeight (true) аналогічно до попереднього прикладу, але в значення висоти будуть так само включені зовнішні відступи.
Зауваження 1: використання функції .height () зазвичай зручніше, ніж .css ( "height") , Оскільки повертається їй значення не містить закінчення "px". Тобто в першому випадку, ви отримаєте 30, а в другому "30px".
Зауваження 2: важливо відзначити, що використовуючи метод .height (name) ви отримаєте значення атрибута лише першого елемента з усіх обраних. Якщо вам потрібні значення всіх елементів, то слід використовувати конструкції типу .map () або .each () .
В дії
Збільшимо висоту всіх елементів у другій колонці на 10 пікселів.
