Метод height

Метод height элементнинг баландлигини олиш ва ўзгартириш имконини беради. Мухим эслаш керакки, биз 'ҳисобланган қиймат' баландлигини (computed height) оламиз. Методдан фарқли ўларок css('height'), ўлчовсиз миқдорни қайтаради (масалан 400) ва математик ҳисоблашларда қулай. Метод элементнинг контент баландлигини олади, ҳар қандай CSS-хусусиятини кўрсатишидан қатъий назар box-sizing. Ортиқча ҳисоблашлардан қочish учун 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 услубларини олиш ва ўзгартириш имконини беради