Metod height

height metodi elementning balandligini olish va o'zgartirish imkoniyatini beradi. Muhim jihati shundaki, biz balandlikning 'hisoblangan qiymatini' (computed height) olamiz. css('height') metodidan farqli o'laroq, u o'lchov birligisiz qiymat qaytaradi (masalan 400) va matematik hisob-kitoblar uchun qulay. Metod element kontentining balandligini olishadi, box-sizing CSS xususiyati qanday ko'rsatilganligidan qat'iy nazar. Ortiqcha hisob-kitoblarning oldini olish uchun css('height') dan foydalanish tavsiya etiladi. Hisoblash xatolari, shuningdek, foydalanuvchi sahifa o'lchamini o'zgartirganda yoki element yoki uning ota elementi yashiringan bo'lsa paydo bo'lishi mumkin. Balandlik qiymati indentlar va chet qator qiymatlarini hisobga olmaydi.

Sintaksis

Elementning balandligini olish. Ba'zi hollarda olingan qiymatlar kasrli bo'lishi mumkin:

$(selector).height();

Elementning balandligini o'zgartirish uchun - oddiy son (masalan 400) uzatish mumkin, bu holda o'lchov birligi piksellar bo'ladi, yoki o'lchov birligini ko'rsatgan holda matn (masalan '10em'):

$(selector).height(yangi qiymat);

Shuningdek, biz belgilangan funktsiyani to'plamdagi har bir elementga qo'llashimiz mumkin. Bunda funktsiyaning birinchi parametri sifatida to'plamdagi element tartib raqami, ikkinchi parametri sifatida esa aniq bir element uchun belgilangan balandlikning joriy qiymati o'tadi. Funktsiya ichidagi this joriy elementni ko'rsatadi.

Element balandligi qiymati funktsiya qaytaradigan qiymatga o'zgaradi:

$(selector).height(function(to'plamdagi tartib raqami, balandlikning joriy qiymati));

Misol

Keling, #test ustiga bosilganda uning balandligini 30px qiymatiga o'zgartirib ko'ramiz, height metodidan foydalanib, shuningdek css yordamida uning fonini yashil rangga o'zgartiramiz:

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

Shuningdek qarang

width metodi,
elementning kengligini olish va o'zgartirish imkoniyatini beradi
innerHeight metodi,
elementning balandligini olish va o'zgartirish imkoniyatini beradi, uning ichki indentlarini hisobga olgan holda
outerHeight metodi,
elementning balandligini olish va o'zgartirish imkoniyatini beradi, uning indentlari va chet qatorini hisobga olgan holda
css metodi,
elementning CSS uslublarini olish va o'zgartirish imkoniyatini beradi