Усули height

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

Синтаксис

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

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

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

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

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

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

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

Намуна

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

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

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

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

Нигаред низ