Njia innerWidth

Njia innerWidth inaruhusu kupata na kubadilisha upana wa kipengele ukizingatia vijia vyake vya ndani (Vipimo vya ndani). Ni muhimu kukumbuka, kwamba sisi tutapata 'thamani iliyokokotolewa' ya upana (computed width). Makosa katika ukokotoo pia yanaweza kutokea, ikiwa mtumiaji anabadilisha ukubwa wa ukurasa, na pia, ikiwa kipengele au kizazi chake kimefichika. Thamani ya upana haizingatii unene wa mpaka wa kipengele.

Kiowazo

Kupata upana wa kipengele. Katika hali nyingine thamani zilizopatikana zinaweza kuwa za sehemu:

$(kichaguzi).innerWidth();

Kubadilisha upana wa kipengele - unaweza kupitisha nambari tu (kwa mfano 400), basi vitengo vya kipimo vitakuwa saizi (pixels), au mfuatano, ukiwa na viashiria vya vitengo vya kipimo (kwa mfano '10em'):

$(kichaguzi).innerWidth(thamani mpya);

Pia tunaweza kutumia kitendakazi kilichopewwa kwa kila kipengele katika seti. Wakati huo kigezo cha kwanza kitendakazi kitapata nambari ya kipengele katika seti, na kigezo cha pili - thamani ya sasa ya upana uliowekwa kwa kipengele maalum . Thamani this ndani ya kitendakazi itakuwa inataja kipengele cha sasa. Thamani ya upana wa kipengele itabadilika kuwa ile, ambayo kitendakazi kitairudisha:

$(kichaguzi).innerWidth(function(nambari katika seti, thamani ya sasa ya upana));

Mfano

Wacha kwa kulinganisha tuweke habari kuhusu upana wa aya #test, uliopatikana kwa njia width na innerWidth:

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

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

let w1 = $('#test').width();
let w2 = $('#test').innerWidth();

$('#out1').text(w1);
$('#out2').text(w2);

Tutaona tofauti ya 10px, ambayo ni jumla ya vipimo vyetu vya ndani vya kushoto na kulia.

Angalia pia

njia width,
ambayo inaruhusu kupata na kubadilisha upana wa kipengele
njia outerWidth,
ambayo inaruhusu kupata na kubadilisha upana wa kipengele, ukizingatia vipimo vyake vya ndani na mpaka