Height әдісі

height әдісі элементтің биіктігін алуға және өзгертуге мүмкіндік береді. Маңызды ескерту, біз 'есептелген мән' аламыз (computed height). css('height') әдісінен айырмашылығы, ол өлшемсіз шаманы қайтарады (мысалы 400) және математикалық есептеулер үшін ыңғайлы. Әдіс элементтің мазмұн биіктігін алады, box-sizing CSS қасиеті көрсетілгеніне қарамастан. Артық есептеулерден аулақ болу үшін, css('height') қолдану ұсынылады. Есептеу қателері пайда болуы мүмкін, егер пайдаланушы парақ өлшемдерін өзгертсе, сонымен қатар, егер элемент немесе оның ата-анасы жасырын болса. Биіктік мәні шеттер мен жиек мәндерін есепке алмайды.

Синтаксис

Элементтің биіктігін алу. Кейбір жағдайларда алынған мәндер бөлшек сандар болуы мүмкін:

$(селектор).height();

Элементтің биіктігін өзгерту үшін - жай сан беруге болады (мысалы 400), онда өлшем бірліктері пиксель болады, немесе жол, өлшем бірліктерін көрсете отырып (мысалы '10em'):

$(селектор).height(жаңа мән);

Сондай-ақ біз берілген функцияны әрбір элементке жиынтықта қолдана аламыз. Бұл ретте функция бірінші параметр ретінде элементтің жиынтықтағы нөмірін алады, ал екінші параметр ретінде - нақты элемент үшін белгіленген биіктіктің ағымдағы мәнін. this функция ішінде ағымдық элементті көрсетеді.

Элементтің биіктік мәні функция қайтарған мәнге өзгереді:

$(селектор).height(function(жиынтықтағы нөмір, биіктіктің ағымдағы мәні));

Мысал

#test-ке басқан кезде оның биіктігін 30px мәніне өзгертейік, height әдісін қолданып, сонымен қатар css арқылы оның түсін жасылға өзгертейік:

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

Сондай-ақ қараңыз

width әдісі,
элементтің енін алуға және өзгертуге мүмкіндік береді
innerHeight әдісі,
элементтің ішкі шектерін есепке ала отырып, биіктігін алуға және өзгертуге мүмкіндік береді
outerHeight әдісі,
элементтің шектерін және жиегін есепке ала отырып, биіктігін алуға және өзгертуге мүмкіндік береді
css әдісі,
элементтің CSS стильдерін алуға және өзгертуге мүмкіндік береді