OuterWidth metodas

Metodas outerWidth leidžia gauti ir keisti elemento plotį, atsižvelgiant į vidinius atstumus, kraštinę ir pasirinktinai - išorinius atstumus. Svarbu atminti, kad mes gausime 'apskaičiuotą plotį reikšmę' (computed width). Skaičiavimo klaidos taip pat gali kilti, jei naudotojas keičia puslapio dydį, arba jei elementas arba jo tėvinis elementas yra paslėpti.

Sintaksė

Taip mes galime gauti elemento plotį. Šis metodas gali priimti papildomą parametrą true arba false (false yra numatytasis), priklausomai nuo to - ar bus įtraukti išoriniai atstumai, ar ne. Kai kuriais atvejais gautos reikšmės gali būti trupmeninės:

$(selektorius).outerWidth([įskaitant_margin]);

Norint pakeisti elemento plotį - galima perduoti tiesiog skaičių (pavyzdžiui 400), tada matavimo vienetai bus pikseliai, arba eilutę, nurodančią matavimo vienetus (pavyzdžiui '10em'):

$(selektorius).outerWidth(nauja reikšmė, [įskaitant_margin]);

Taip pat mes galime pritaikyti nurodytą funkciją kiekvienam elementui rinkinyje. Tuo pačiu metu pirmuoju parametru funkcija gaus elemento numerį rinkinyje, o antruoju parametru - dabartinę nurodyto pločio reikšmę konkrečiam elementui. this funkcijos viduje bus nukreiptas į dabartinį elementą. Elemento pločio reikšmė pasikeis į tą, kurią grąžins funkcija:

$(selektorius).outerWidth(function(numeris rinkinyje, dabartinė pločio reikšmė));

Pavyzdys

Palyginimui išveskime informaciją apie antrojo straipsnio #test, plotį, gautą metodais width, innerWidth ir outerWidth:

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

Žiūrėkite taip pat

metodas width,
kuris leidžia gauti ir keisti elemento plotį
metodas innerWidth,
kuris leidžia gauti ir keisti elemento plotį, įskaitant jo vidinius atstumus