Meetod height

Meetod height võimaldab saada ja muuta elemendi kõrgust. Oluline on meeles pidada, et me saame 'arvutatud väärtuse' kõrgusest (computed height). Erinevalt meetodist css('height'), tagastab see mõõtmeteta suuruse (näiteks 400) ja on mugav matemaatilistes arvutustes. Meetod saab elemendi sisu kõrguse, sõltumata CSS-omaduse box-sizing määramisest. Et vältida lisaksarvutusi, on soovitatav kasutada css('height'). Arvutusvead võivad tekkida ka siis, kui kasutaja muudab lehe suurust, samuti kui element või selle vanem on peidetud. Kõrguse väärtus ei arvesta taandeid ja raami.

Süntaks

Saada elemendi kõrgus. Mõnel juhul saadud väärtused võivad olla murdarvulised:

$(selector).height();

Et muuta elemendi kõrgust - võib edastada lihtsalt arvu (näiteks 400), siis mõõtühikud on pikslid, või stringi, määrates mõõtühikud (näiteks '10em'):

$(selector).height(uus väärtus);

Samuti saame rakendada antud funktsiooni igale elemendile kogumis. Sel juhul saab funktsioon esimese parameetrina elemendi numbri kogumis, ja teise parameetrina - praeguse kõrguse väärtuse konkreetsele elemendile. this funktsiooni sees viitab praegusele elemendile.

Elemendi kõrguse väärtus muutub selleks, mille funktsioon tagastab:

$(selector).height(function(number kogumis, praegune kõrguse väärtus));

Näide

Muudame klikil #test selle kõrguse väärtuseks 30px, kasutades meetodit height, ning abil css muudame selle tausta roheliseks:

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

Vaata ka

meetod width,
mis võimaldab saada ja muuta elemendi laiust
meetod innerHeight,
mis võimaldab saada ja muuta elemendi kõrgust, arvestades selle sisemisi taandeid
meetod outerHeight,
mis võimaldab saada ja muuta elemendi kõrgust, arvestades selle taandeid ja piiri
meetod css,
mis võimaldab saada ja muuta elemendi CSS stiile