Metoden height

Metoden height lar deg hente og endre høyden til et element. Det er viktig å huske at vi vil få den 'beregnede verdien' av høyden (computed height). I motsetning til metoden css('height'), returnerer den en dimensjonsløs verdi (for eksempel 400) og er praktisk for matematiske beregninger. Metoden henter høyden til elementets innhold, uavhengig av angivelse av CSS-egenskapen box-sizing. For å unngå unødvendige beregninger anbefales det å bruke css('height'). Feil i beregningen kan også oppstå hvis brukeren endrer sidens dimensjoner, eller hvis elementet eller dets forelder er skjult. Høydeverdien tar ikke hensyn til verdier for marg og ramme.

Syntaks

Hent høyden til elementet. I noen tilfeller kan de oppnådde verdiene være brøkdeler:

$(selector).height();

For å endre høyden til elementet - kan du sende et tall (for eksempel 400), da vil måleenheten være piksler, eller en streng, med angivelse av måleenheter (for eksempel '10em'):

$(selector).height(ny verdi);

Vi kan også bruke en gitt funksjon på hvert element i settet. I dette tilfellet vil funksjonen få indeksen til elementet i settet som første parameter, og den nåværende verdien av høyden for det spesifikke elementet som andre parameter. this inni funksjonen vil peke på det gjeldende elementet.

Verdien av elementets høyde vil endres til den som returneres av funksjonen:

$(selector).height(function(indeks i settet, nåværende høydeverdi));

Eksempel

La oss endre høyden til #test til verdien 30px når det klikkes på, ved å bruke metoden height, og også ved hjelp av css endre bakgrunnen til grønn:

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

Se også

metoden width,
som lar deg hente og endre bredden til et element
metoden innerHeight,
som lar deg hente og endre høyden til et element, med hensyn til dets indre marg
metoden outerHeight,
som lar deg hente og endre høyden til et element, med hensyn til dets marg og ramme
metoden css,
som lar deg hente og endre CSS-stiler for et element