Metod height

Metod height element belginiň boýuny almagy we üýtgetmegi mümkinçilik berýär. Ýadyňyzda saklaň, biz 'hasaplanan bahany' alarys boý (computed height). Metod bilen deňeşdirilende css('height'), ölçegsiz ululygy yzyna gaýtaryp berýär (mysal üçin 400) we matematiki hasaplamalar üçin amatlydyr. Metod element belginiň mazmunynyň boýuny alýar, CSS aýratynlygynyň görkezmelerinden garaşsyzlykda box-sizing. Artýk hasaplamalaryň öňüni almak üçin, ulanmak maslahat berilýär css('height'). Hasaplamadaky ýalňyşlyklar hem ýüze çykyp biler, eger ulanyjy sahypanyň ölçeglerini üýtgetse, hem-de, eger element ýa-da onuň ata-enasy gizlenen. Boý bahasy indent we çäginiň bahalaryny hasaba almaz.

Sintaksis

Element belginiň boýuny almak. Käbir ýagdaýlarda alnan bahalar bölekleýin bolup biler:

$(selektör).height();

Element belginiň boýuny üýtgetmek üçin - ýönekeý san ýuburup bolýar (mysal üçin 400), onda ölçeg birlikleri piksel bolup biler, ýa-da setir, ölçeg birlikleriniň görkezmeleri bilen (mysal üçin '10em'):

$(selektör).height(täze baha);

Şeýle hem biz berlen funksiýany her bir elemente ýygymda ulanýarys. Şonda birinji parametr funksiýa ýygymdaky element belginiň nomerini alyp biler, ikinji parametr bolsa - häzirki baha berlen boý üçin häsiýetli element. this funksiýanyň içinde häzirki element belgini görkezer.

Element belginiň boýunyň bahasy şonyň üçine üýtgäp biler, funksiýanyň yzyna gaýtaryjy:

$(selektör).height(function(ýygymdaky nomer, boýuň häzirki bahasy));

Mysal

Geliň çyzykly basylan wagty #test oňa boýuny üýtgedeliň baha üçin 30px, metod ulanyp height, hem-de css kömegi bilen onuň fonuny ýaşyl üçin üýtgedeliň:

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

Şeýle-de göz aýlaň

metod width,
element belginiň ini almagy we üýtgetmegi mümkinçilik berýär
metod innerHeight,
element belginiň boýuny almagy we üýtgetmegi mümkinçilik berýär, onuň içki indentlerini hasaba alýar
metod outerHeight,
element belginiň boýuny almagy we üýtgetmegi mümkinçilik berýär, onuň indent we çägini hasaba alýar
metod css,
element belginiň CSS stillerini almagy we üýtgetmegi mümkinçilik berýär