Усули height

Усули height имкон медихад, ки баландии элементро гирифта ва тағйир диҳем. Муҳим аст, ки дар хотир дорем, ки мо 'арзиши ҳисобкардашуда'-и баландиро (computed height) мегирем. Баръакси усули css('height'), он миқдори беандоза бармегардонад (масалан 400) ва барои ҳисобҳои риёзӣ мувофиқ аст. Усул баландии мундариҷаи элементро мегирад, новобаста аз таъйини хосияти CSS box-sizing. Барои пешгирии ҳисобҳои зиёд, тавсия дода мешавад ки истифода барад аз css('height'). Хатогиҳо дар ҳисоб низ метавонанд рух диҳанд, агар корбар андозаи саҳифаро тағйир диҳад, инчунин, агар элемент ё волидайни он пинҳон бошанд. Арзиши баландӣ арзишҳои фосилаҳо ва қафасиро ба ҳисоб намегирад.

Синтаксис

Гирифтани баландии элемент. Дар баъзе ҳолатҳо арзишҳои гирифташуда метавонанд касрӣ бошанд:

$(интихобкунанда).height();

Барои тағйир додани баландии элемент - метавон танҳо рақам фиристод (масалан 400), онгоҳ воҳидҳои ченак пиксел хоҳанд буд, ё сатр, бо таъйини воҳидҳои ченак (масалан '10em'):

$(интихобкунанда).height(арзиши нав);

Инчунин мо метавонем функсияи додашударо ба ҳар як элемент дар маҷмӯа татбиқ кунем. Дар ин ҳол параметри аввал функсия рақами элементро дар маҷмӯа мегирад, ва параметри дуюм - арзиши ҷории таъйиншудаи баландӣ барои он элементи мушаххас. this дар дохили функсия ба элемент ҷори ишора мекунад.

Арзиши баландии элемент ба он тағйир хоҳад ёфт, ки функсия бармегардонад:

$(интихобкунанда).height(function(рақам дар маҷмӯа, арзиши ҷории баландӣ));

Намуна

Биёед барои клик кардан ба #test баландии онро ба арзиши 30px тағйир диҳем, бо истифода аз усули height, ва инчунин бо истифода аз css заминаи онро ба сабз тағйир диҳем:

<div id="test"></div>

#test {
	паҳноӣ: 50px; 
	баландӣ: 90px;
	замина: сурх; 
ранг: сафед;
	ҳошияи болоӣ: 10px; 
	курсор: дастурамал;
}

$('#test').one('клик', function() {
	$(this).height(30).css({
		курсор: 'автоматӣ',
		рангизамина: 'сабз'
	});
});

Нигаред низ

усули width,
ки имкон медихад паҳнии элементро гирифта ва тағйир диҳем
усули innerHeight,
ки имкон медихад баландии элементро гирифта ва тағйир диҳем, фосилаҳои дохилии онро ба назар гирифта
усули outerHeight,
ки имкон медихад баландии элементро гирифта ва тағйир диҳем, фосилаҳо ва сарҳади онро ба назар гирифта
усули css,
ки имкон медихад услубҳои CSS-и элементро гирифта ва тағйир диҳем