Metodas height

Metodas height leidžia gauti ir keisti elemento aukštį. Svarbu atsiminti, kad mes gausime 'apskaičiuotą reikšmę' aukščio (computed height). Skirtingai nuo metodo css('height'), jis grąžina bematį dydį (pavyzdžiui 400) ir yra patogus atliekant matematinius skaičiavimus. Metodas gauna elemento turinio aukštį, nepriklausomai nuo nurodyto CSS savybės box-sizing. Kad išvengtumėte nereikalingų skaičiavimų, rekomenduojama naudoti css('height'). Skaičiavimo klaidos taip pat gali kilti, jei vartotojas keičia puslapio dydį, taip pat, jei elementas arba jo tėvinis elementas yra paslėpti. Aukščio reikšmė neatsižvelgia į paraščių ir rėmelio reikšmes.

Sintaksė

Gauti elemento aukštį. Kai kuriais atvejais gautos reikšmės gali būti trupmeninės:

$(selektorius).height();

Norint pakeisti elemento aukštį - galima perduoti tiesiog skaičių (pavyzdžiui 400), tada matavimo vienetai bus pikseliai, arba eilutę, su nurodytais matavimo vienetais (pavyzdžiui '10em'):

$(selektorius).height(nauja reikšmė);

Taip pat mes galime pritaikyti nurodytą funkciją kiekvienam elementui rinkinyje. Tuo pačiu pirmuoju parametru funkcija gaus elemento numerį rinkinyje, o antruoju parametru - dabartinę nurodyto aukščio reikšmę konkrečiam elementui. this funkcijos viduje bus nukreiptas į dabartinį elementą.

Elemento aukščio reikšmė pasikeis į tą, kurią grąžins funkcija:

$(selektorius).height(function(numeris rinkinyje, dabartinė aukščio reikšmė));

Pavyzdys

Duokime paspaudus #test pakeisti jam aukštį į reikšmę 30px, naudojant metodą height, o taip pat naudojant css pakeisti jo foną į žalią:

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

Taip pat žiūrėkite

metodas width,
kuris leidžia gauti ir keisti elemento plotį
metodas innerHeight,
kuris leidžia gauti ir keisti elemento aukštį, atsižvelgiant į jo vidinius atstupus
metodas outerHeight,
kuris leidžia gauti ir keisti elemento aukštį, atsižvelgiant į jo atstupus ir rėmelį
metodas css,
kuris leidžia gauti ir keisti elemento CSS stilius