Njia outerWidth

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

Syntax

Hivi ndivyo tunaweza kupata upana wa kipengele. Njia hii inaweza kukubali parameta ya hiari kwa umbo la true au false (false ndio chaguo-msingi), kulingana na kama margin itazingatiwa au la. Katika hali nyingine thamani zilizopatikana zinaweza kuwa za sehemu:

$(selector).outerWidth([including_margin]);

Kubadilisha upana wa kipengele - unaweza kupitisha nambari (kwa mfano 400), basi vitengo vyo kipimo vitakuwa pikseli, au string, ukiwa umeonyesha vitengo vya kipimo (kwa mfano '10em'):

$(selector).outerWidth(new value, [including_margin]);

Tunaweza pia kutumia kitendo kilichoainishwa kwa kila kipengele katika seti. Wakati huo parameta ya kwanza kitendo kitapata nambari ya kipengele katika seti, na parameta ya pili - thamani ya sasa ya upana uliowekwa kwa kipengele husika. this ndani ya kitendo kitaonyesha kipengele cha sasa. Thamani ya upana wa kipengele itabadilika kuwa ile itakayorudishwa na kitendo:

$(selector).outerWidth(function(index in set, current width value));

Mfano

Wacha kwa kulinganisha tuonyeshe taarifa kuhusu upana wa aya #test, uliopatikana kwa njia width, innerWidth na outerWidth:

<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 w1 = $('#test').width();
let w2 = $('#test').innerWidth();
let w3 = $('#test').outerWidth(false);
let w4 = $('#test').outerWidth(true);

$('#out1').text(w1);
$('#out2').text(w2);
$('#out3').text(w3);
$('#out4').text(w4);

Angalia pia

njia width,
ambayo inaruhusu kupata na kubadilisha upana wa kipengele
njia innerWidth,
ambayo inaruhusu kupata na kubadilisha upana wa kipengele, kwa kuzingatia padding yake