Metoden outerWidth

Metoden outerWidth lar deg hente og endre bredden til et element med hensyn til innvendig oppvask, grense og selektivt - utvendig oppvask av elementet. Det er viktig å huske at vi vil få 'beregnet verdi' for bredden (computed width). Feil i beregningen kan også oppstå hvis brukeren endrer størrelsen på siden, og også hvis elementet eller dets forelder er skjult.

Syntaks

Slik kan vi få bredden til et element. Denne metoden kan ta en valgfri parameter i form av true eller false (false er standard), avhengig av om - vil ytre marger bli tatt med eller ikke. I noen tilfeller kan de oppnådde verdiene være brøkdel:

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

For å endre bredden på et element - kan du bare sende et tall (for eksempel 400), da enhetene måling vil være piksler, eller en streng, med angivelse av måleenheter (for eksempel '10em'):

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

Vi kan også bruke en gitt funksjon på hvert element i settet. Samtidig vil funksjonen motta som første parameter nummeret til elementet i settet, og som andre parameter - gjeldende verdi for den angitte bredden for det spesifikke elementet. this inne i funksjonen vil peke på gjeldende element. Verdien for elementets bredde vil endres til den, som returneres av funksjonen:

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

Eksempel

La oss for sammenligning skrive ut informasjon om bredden på avsnittet #test, hentet med metodene width, innerWidth og outerWidth:

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

Se også

metoden width,
som lar deg hente og endre bredden til et element
metoden innerWidth,
som lar deg hente og endre bredden til et element, med hensyn til dets innvendige oppvask