Метод height

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

Синтакса

Добиј ја висината на елементот. Во некои случаи добиените вредности може да бидат децимални:

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

За да ја смениме висината на елементот - може да пренесеме број (на пример 400), тогаш единицата за мерење ќе биде пиксели, или стринг, со назначена единица за мерење (на пример '10em'):

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

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

Вредноста на висината на елементот ќе се смени на онаа што ќе ја врати функцијата:

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

Пример

Ајде при клик на #test да ја смениме неговата висина на вредност 30px, користејќи го методот height, како и со помош на css да го смениме неговиот background во зелен:

<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,
кој овозможува добивање и менување на висината на елемент, вклучувајќи ги неговите внатрешни margins
методот outerHeight,
кој овозможува добивање и менување на висината на елемент, вклучувајќи ги неговите margins и граница
методот css,
кој овозможува добивање и менување на CSS стиловите на елемент