Njia outerHeight

Njia outerHeight inaruhusu kupata na kubadilisha urefu wa kipengele kwa kuzingatia padding, mpaka na kwa hiari - margin ya kipengele. Ni muhimu kukumbuka kuwa tutapata 'thamani iliyohesabiwa' ya urefu (computed height). Makosa katika hesabu pia yanaweza kutokea ikiwa mtumiaji anabadilisha ukubwa wa ukurasa, na pia, ikiwa kipengele au kipengele kizazi kimefichika.

Syntax

Hivi ndivyo tunaweza kupata urefu wa kipengele. Njia hii inaweza kukubali kigeuzi cha hiari kwa umbo la true au false (false ndio chaguomsingi), kulingana na kama margin itazingatiwa au la. Katika hali nyingine thamani zilizopatikana zinaweza kuwa za sehemu:

$(kichaguzi).outerWidth([ikiwemo_margin]);

Kubadilisha urefu wa kipengele - unaweza kuwasilisha nambari (kwa mfano 400), basi vitengo vyo kuipima vitakuwa saizi, au mfuatano, ukiwa na umbo la vitengo vya kipimo (kwa mfano '10em'):

$(kichaguzi).outerHeight(thamani mpya, [ikiwemo_margin]);

Pia tunaweza kutumia kitendakazi kilichobainishwa kwa kila kipengele katika seti. Wakati huo kigezo cha kwanza cha kitendakazi kitapata nambari ya kipengele katika seti, na kigezo cha pili - thamani ya sasa ya urefu uliobainishwa kwa kipengele husika. this ndani ya kitendakazi kitaashiria kipengele cha sasa. Thamani ya urefu wa kipengele itabadilika kuwa ile itakayorudishwa na kitendakazi:

$(kichaguzi).outerHeight(function(nambari katika seti, thamani ya sasa ya urefu));

Mfano

Wacha kwa kulinganisha tuweke habari kuhusu urefu wa aya #test, uliopatikana kwa njia height, innerHeight na outerHeight:

<p id="test">maandishi</p>
<p id="out1"></p>
<p id="out2"></p>
<p id="out3"></p>
<p id="out4"></p>

p {
	margin: 10px;
	padding: 5px;
	border: 2px solid blue;
}

let h1 = $('#test').height();
let h2 = $('#test').innerHeight();
let h3 = $('#test').outerHeight();
let h4 = $('#test').outerHeight(true);

$('#out1').text(h1);
$('#out2').text(h2);
$('#out3').text(h3);
$('#out4').text(h4);

Angalia pia

Njia height,
ambayo inaruhusu kupata na kubadilisha urefu wa kipengele
Njia innerHeight,
ambayo inaruhusu kupata na kubadilisha urefu wa kipengele, kwa kuzingatia padding yake