Metod outerWidth

Metod outerWidth omogućava dobijanje i promenu širine elementa uzimajući u obzir unutrašnje margine, granicu i selektivno - spoljašnje margine elementa. Važno je zapamtiti da ćemo dobiti 'izračunatu vrednost' širine (computed width). Greške u proračunu mogu se takođe pojaviti, ako korisnik menja veličinu stranice, kao i, ako je element ili njegov roditelj skriven.

Sintaksa

Tako možemo dobiti širinu elementa. Ovaj metod može da prihvati opcioni parametar u obliku true ili false (false je podrazumevano), u zavisnosti od toga - da li će se uzeti u obzir spoljašnje margine ili ne. U nekim slučajevima dobijene vrednosti mogu biti razlomljene:

$(selektor).outerWidth([uključujući_margin]);

Da bismo promenili širinu elementa - možemo proslediti prosto broj (na primer 400), tada će jedinice merenja biti pikseli, ili string, sa navedenim jedinicama merenja (na primer '10em'):

$(selektor).outerWidth(nova vrednost, [uključujući_margin]);

Takođe možemo primeniti zadanu funkciju na svaki element u skupu. Pri tome će funkcija kao prvi parametar dobiti broj elementa u skupu, a kao drugi parametar - trenutnu vrednost zadate širine za konkretni element. this unutar funkcije će ukazivati na trenutni element. Vrednost širine elementa će se promeniti u onu koju funkcija vrati:

$(selektor).outerWidth(function(broj u skupu, trenutna vrednost širine));

Primer

Hajde za poređenje da prikažemo informacije o širini pasusa #test, dobijene metodima width, innerWidth i outerWidth:

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

Pogledajte takođe

metod width,
koji omogućava dobijanje i promenu širine elementa
metod innerWidth,
koji omogućava dobijanje i promenu širine elementa, uzimajući u obzir njegove unutrašnje margine