Metoda innerWidth

Metoda innerWidth lejon marrjen dhe ndryshimin e gjerësisë së elementit duke marrë parasysh paddingjet e tij të brendshme. Është e rëndësishme të kujtohet se ne do të marrim 'vlerën e llogaritur' të gjerësisë (computed width). Gabimet në llogaritje mund të ndodhin gjithashtu nëse përdoruesi ndryshon përmasat e faqes, si dhe nëse elementi ose prindi i tij janë të fshehur. Vlera e gjerësisë nuk merr parasysh trashësinë e borderit të elementit.

Sintaksa

Merr gjerësinë e elementit. Në disa raste vlerat e marra mund të jenë thyesore:

$(selector).innerWidth();

Për të ndryshuar gjerësinë e elementit - mund të kaloni një numër (për shembull 400), atëherë njësitë e matjes do të jenë piksel, ose një varg, me specifikimin e njësive të matjes (për shembull '10em'):

$(selector).innerWidth(vlera e re);

Gjithashtu ne mund të aplikojmë një funksion të caktuar për çdo element në grup. Në këtë rast, parametri i parë i funksionit do të marrë indeksin e elementit në grup, dhe parametri i dytë - vlerën aktuale të gjerësisë së caktuar për elementin specifik. Vlera this brenda funksionit do të tregojë elementin aktual. Vlera e gjerësisë së elementit do të ndryshojë në atë që kthen funksioni:

$(selector).innerWidth(function(indeksi në grup, vlera aktuale e gjerësisë));

Shembull

Le të shfaqim për krahasim informacionin mbi gjerësinë e paragrafit #test, të marrë me metodat width dhe innerWidth:

<p id="test">text</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);

Ne do të shohim një ndryshim prej 10px, që është shuma e paddingut tonë të majtë dhe të djathtë.

Shihni gjithashtu

metoda width,
që lejon marrjen dhe ndryshimin e gjerësisë së elementit
metoda outerWidth,
që lejon marrjen dhe ndryshimin e gjerësisë së elementit, duke marrë parasysh paddingjet dhe borderin e tij