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 стилдерин алууга жана өзгөртүүгө мүмкүндүк берет