Методы .height() и .width() удобны для определения соответственно высоты и ширины элемента. Оба они возвращают значения в виде целого числа без указания единиц измерения (если высота элемента составляет 68 пикселей, то метод .height() возвратит значение 68). Этим он отличается от метода .css(), который возвращает также и единицу измерения.

 
Определите высоту и ширину формы с помощью следующего кода:
console.log("Высота формы: "+$("form").height()+"px");

Вы получите в консоли следующий результат.

Передача параметра методу .height() или .width() приводит к установке соответствующего значения.

Установите для всех абзацев на странице высоту 100 пикселей и желтый фон с помощью такого кода:
   $("p").height(100).css("background","yellow");
После выполнения этого кода высота всех абзацев изменится, а их фон станет желтым (рис. 2.18).

 Рис. 2.18. Изменение высоты и фона для всех абзацев в документе