Metode height

Metode height ļauj iegūt un mainīt elementa augstumu. Ir svarīgi atcerēties, ka mēs iegūsim 'aprēķināto vērtību' augstuma (computed height). Atšķirībā no metodes css('height'), tā atgriež bezdimensiju lielumu (piemēram, 400) un ir ērta matemātiskiem aprēķiniem. Metode iegūst elementa satura augstumu, neatkarīgi no CSS īpašības box-sizing norādes. Lai izvairītos no nevajadzīgiem aprēķiniem, ieteicams izmantot css('height'). Aprēķinu kļūdas var rasties arī tad, ja lietotājs maina lapas izmērus, kā arī, ja elements vai tā vecāks elements ir paslēpts. Augstuma vērtība neiekļauj atkāpju un apmales vērtības.

Sintakse

Iegūt elementa augstumu. Dažos gadījumos iegūtās vērtības var būt daļskaitļi:

$(selektors).height();

Lai mainītu elementa augstumu - var padot vienkārši skaitli (piemēram, 400), tad mērvienības būs pikseļi, vai virkni, ar mērvienību norādi (piemēram, '10em'):

$(selektors).height(jaunā vērtība);

Mēs varam arī piemērot doto funkciju katram elementam komplektā. Šajā gadījumā pirmais parametrs funkcijai iegūs elementa numuru komplektā, bet otrais parametrs - pašreizējo noteiktā augstuma vērtību konkrētajam elementam. this funkcijas iekšienē norādīs uz pašreizējo elementu.

Elementa augstuma vērtība mainīsies uz to, ko atgriezīs funkcija:

$(selektors).height(function(numurs komplektā, pašreizējā augstuma vērtība));

Piemērs

Klikšķinot uz #test, mainīsim tam augstumu uz vērtību 30px, izmantojot metodi height, kā arī ar css mainīsim tā fona krāsu uz zaļu:

<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'
	});
});

Skatiet arī

metode width,
kas ļauj iegūt un mainīt elementa platumu
metode innerHeight,
kas ļauj iegūt un mainīt elementa augstumu, ņemot vērā tā iekšējās atkāpes
metode outerHeight,
kas ļauj iegūt un mainīt elementa augstumu, ņemot vērā tā atkāpes un apmali
metode css,
kas ļauj iegūt un mainīt elementa CSS stilus