Njia ya height
Njia height inaruhusu kupata
na kubadilisha urefu wa kipengele. Ni muhimu kukumbuka,
kwamba tutapata 'thamani iliyokokotolewa'
ya urefu (computed height).
Tofauti na njia
css('height'),
inairudisha kiwango kisicho na kipimo (kwa mfano 400)
na ni rahisi katika mahesabu ya hisabati.
Njia hupata urefu wa maudhui ya kipengele, bila kujali
utajwa wa sifa ya CSS
box-sizing.
Iliepuka mahesabu yasiyo ya lazima, inapendekezwa
kutumia css('height').
Makosa katika ukokotoaji yanaweza pia kutokea, ikiwa
mtumiaji anabadilisha ukubwa wa ukurasa, na pia, ikiwa
kipengele au kizazi chake kimefichika. Thamani ya urefu
hazingatii maadili ya vikando na mipaka.
Kisarufu
Pata urefu wa kipengele. Katika hali nyingine maadili yaliyopatikana yanaweza kuwa ya sehemu:
$(kichaguzi).height();
Kubadilisha urefu wa kipengele - unaweza kupitisha tu
nambari (kwa mfano 400), basi vitengo
vyo kipimo vitakuwa saizi, au mfuatano,
ukiwa na utajwa wa vitengo vya kipimo (kwa mfano
'10em'):
$(kichaguzi).height(thamani mpya);
Pia tunaweza kutumia kitendo ulichopewa kwa kila
kipengele katika seti. Wakati huo kigezo cha kwanza kitendo
kitapata nambari ya kipengele katika seti, na kigezo cha pili
- thamani ya sasa ya urefu uliowekwa kwa kipengele
maalum. this ndani ya kitendo
itaelekeza kwenye kipengele cha sasa.
Thamani ya urefu wa kipengele itabadilika kuwa ile itakayorudishwa na kitendo:
$(kichaguzi).height(function(nambari katika seti, thamani ya sasa ya urefu));
Mfano
Wacha tukigonge kwenye #test tubadilishe
urefu wake uwe thamani 30px, tukitumia njia
height, na pia kwa kutumia css
tubadilishe msingi wake kuwa kijani:
<div id="test"></div>
#test {
upana: 50px;
urefu: 90px;
msingi: nyekundu;
rangi: nyeupe;
ukando wa juu: 10px;
kiashiria: bonyeza;
}
$('#test').one('bonyeza', function() {
$(this).height(30).css({
kiashiria: 'otomatiki',
rangiYaMsingi: 'kijani'
});
});
Angalia pia
-
njia
width,
ambayo inaruhusu kupata na kubadilisha upana wa kipengele -
njia
innerHeight,
ambayo inaruhusu kupata na kubadilisha urefu wa kipengele, ukizingatia vikando vyake vya ndani -
njia
outerHeight,
ambayo inaruhusu kupata na kubadilisha urefu wa kipengele, ukizingatia vikando vyake na mpaka -
njia
css,
ambayo inaruhusu kupata na kubadilisha mitindo ya CSS ya kipengele