Metoda height

Metoda height lejon marrjen dhe ndryshimin e lartësisë së elementit. Është e rëndësishme të mbani mend, se ne do të marrim 'vlerën e llogaritur' të lartësisë (computed height). Ndryshe nga metoda css('height'), ajo kthen një sasi pa dimension (për shembull 400) dhe është e përshtatshme për llogaritjet matematikore. Metoda merr lartësinë e përmbajtjes së elementit, pavarësisht nga përcaktimi i vetive CSS box-sizing. Për të shmangur llogaritjet e panevojshme, rekomandohet të përdoret css('height'). Gabimet në llogaritje gjithashtu mund të ndodhin, nëse përdoruesi ndryshon përmasat e faqes, si dhe, nëse elementi ose prindi i tij janë të fshehur. Vlera e lartësisë nuk merr parasysh vlerat e hapësirave dhe kornizës.

Sintaksa

Merrni lartësinë e elementit. Në disa raste vlerat e marra mund të jenë thyesore:

$(selector).height();

Për të ndryshuar lartësinë e elementit - mund të kaloni thjesht një numër (për shembull 400), atëherë njësitë e matjes do të jenë piksel, ose një varg, me përcaktimin e njësive të matjes (për shembull '10em'):

$(selector).height(vlera e re);

Gjithashtu ne mund të aplikojmë një funksion të caktuar për çdo element në grup. Në këtë rast, parametri i parë i funksionit do të marrë numrin e elementit në grup, dhe parametri i dytë - vlerën aktuale të lartësisë së caktuar për elementin specifik. this brenda funksionit do të tregojë elementin aktual.

Vlera e lartësisë së elementit do të ndryshojë në atë që kthen funksioni:

$(selector).height(function(numri në grup, vlera aktuale e lartësisë));

Shembull

Le të ndryshojmë lartësinë e #test në vlerën 30px duke përdorur metodën height, dhe gjithashtu duke përdorur css ta ndryshojmë sfondin e tij në të gjelbër:

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

Shihni gjithashtu

metoda width,
e cila lejon marrjen dhe ndryshimin e gjerësisë së elementit
metoda innerHeight,
e cila lejon marrjen dhe ndryshimin e lartësisë së elementit, duke marrë parasysh hapësirat e brendshme të tij
metoda outerHeight,
e cila lejon marrjen dhe ndryshimin e lartësisë së elementit, duke marrë parasysh hapësirat dhe kufirin e tij
metoda css,
e cila lejon marrjen dhe ndryshimin e stileve CSS të elementit