Метод height

Метод height омогућава да добијете и измените висину елемента. Важно је запамтити, да ћемо добијати 'израчунату вредност' висине (computed height). За разлику од методе css('height'), он враћа бездимензионалну величину (на пример 400) и погодан је за математичке прорачуне. Метод добија висину садржаја елемента, независно од навођења CSS-својства box-sizing. Да бисте избегли непотребне прорачуне, препоручује се коришћење css('height'). Грешке у прорачуну такође могу настати, ако корисник мења димензије странице, као и, ако је елемент или његов родитељ скривен. Вредност висине не узима у обзир вредности уступа и оквира.

Синтакса

Добити висину елемента. У неким случајевима добијене вредности могу бити разломљене:

javascript$(селектор).height();

Да бисте променили висину елемента - можете проследити једноставно број (на пример 400), тада ће јединице мере бити пиксели, или стринг, са навођењем јединица мере (на пример '10em'):

javascript$(селектор).height(нова вредност);

Такође можемо применити задату функцију на сваки елемент у сету. При томе првим параметром функција ће добити редни број елемента у сету, а другим параметром - тренутну вредност задате висине за конкретни елемент. this унутар функције ће указивати на тренутни елемент.

Вредност висине елемента ће се променити на ону, коју функција врати:

javascript$(селектор).height(function(редни број у сету, тренутна вредност висине));

Пример

Хајде да при клику на #test променимо му висину на вредност 30px, користећи метод height, а такође уз помоћ css променимо му позадину на зелену:

html<div id="test"></div>

css#test {
  width: 50px; 
  height: 90px;
  background: red; 
  color: white;
  margin-top: 10px; 
  cursor: pointer;
}

javascript$('#test').one('click', function() {
  $(this).height(30).css({
    cursor: 'auto',
    backgroundColor: 'green'
  });
});

Погледајте такође