Metoda height

Metoda height omogoča pridobivanje in spreminjanje višine elementa. Pomembno je si zapomniti, da bomo dobili 'izračunano vrednost' višine (computed height). Za razliko od metode css('height'), vrne brezdimenzijsko količino (na primer 400) in je priročen pri matematičnih izračunih. Metoda pridobi višino vsebine elementa, neodvisno od navedbe CSS-lastnosti box-sizing. Da bi se izognili nepotrebnim izračunom, je priporočljivo uporabiti css('height'). Napake pri izračunu se lahko pojavijo tudi, če uporabnik spreminja velikost strani, ali če so element ali njegov starš skriti. Vrednost višine ne upošteva vrednosti odmikov in obrobe.

Sintaksa

Pridobi višino elementa. V nekaterih primerih so lahko dobljene vrednosti delne:

$(selektor).height();

Za spremembo višine elementa - lahko podamo preprosto število (na primer 400), potem bodo enote meritve slikovne pike, ali niz, z navedbo merskih enot (na primer '10em'):

$(selektor).height(nova vrednost);

Prav tako lahko uporabimo dano funkcijo za vsak element v nizu. Pri tem prvi parameter funkcija dobi zaporedno številko elementa v nizu, drugi parameter pa trenutno vrednost dane višine za posamezen element. this znotraj funkcije bo kazal na trenutni element.

Vrednost višine elementa se bo spremenila na tisto, ki jo vrne funkcija:

$(selektor).height(function(zaporedna številka v nizu, trenutna vrednost višine));

Primer

Poglejmo, da ob kliku na #test spremenimo njegovo višino na vrednost 30px, z uporabo metode height, ter hkrati s pomočjo css spremenimo njegovo ozadje v zeleno:

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

Glejte tudi

metoda width,
ki omogoča pridobivanje in spreminjanje širine elementa
metoda innerHeight,
ki omogoča pridobivanje in spreminjanje višine elementa, z upoštevanjem njegovih notranjih odmikov
metoda outerHeight,
ki omogoča pridobivanje in spreminjanje višine elementa, z upoštevanjem njegovih odmikov in obrobe
metoda css,
ki omogoča pridobivanje in spreminjanje CSS slogov elementa