Метод height

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

Синтакса

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

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

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

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

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

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

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

Пример

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

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

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

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

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

метод width,
који омогућава да добијете и измените ширину елемента
метод innerHeight,
који омогућава да добијете и измените висину елемента, узимајући у обзир његове унутрашње уступе
метод outerHeight,
који омогућава да добијете и измените висину елемента, узимајући у обзир његове уступе и границу
метод css,
који омогућава да добијете и измените CSS стилове елемента