outerWidth usuly

outerWidth usuly elementiň ini içindaky boşluklary, çägini we saýlap daşarky boşluklary hasaba almak bilen alyp biljek we üýtgedip biljek. Muny ýatda saklamak möhümdir, biz iniň 'hasaplanan bahasyny' (computed width) alarys. Hasaplamadaky säwlikler ulanyjynyň sahypanyň ölçegini üýtgetmegi ýa-da element ýa-da onuň ata-enesiniň gizlenilendigi ýagdaýynda hem ýüze çykyp biler.

Sintaksis

Bu ýoly elementüň ini almak üçin ulanyp bileris. Bu usul ersagatlykly parametr hökmünde true ýa-da false (false deslapky baha hökmünde) aþyp biler, daşarky boşluklaryň hasaba alynmagyndan daşarky boşluklaryň hasaba alynmagyndan bagly. Käbir ýagdaýlarda alnan bahalar böleklik bolup bilýär:

$(selektor).outerWidth([margin_hasaba_alynanda]);

Elementiň ini üýtgetmek üçin - ýönekeý san (meselem 400) geçirip bileris, onda ölçeg birligi piksel bolýar, ýa-da ölçeg birligini görkezýän setir (meselem '10em'):

$(selektor).outerWidth(täze baha, [margin_hasaba_alynanda]);

Ýene-de biz berlen funksiýany her bir elemente toparda ulanyp bileris. Bu ýagda funksiýa birinji parametr höküminde elementüň topardaky tertip nomerasyny, ikinji parametr höküminde bolsa häzirki elementiň üçin kesgitlenen iniň häzirki bahasyny alýar. this funksiýanyň içinde häzirki elemente görkezer. Elementiň iniň bahasy funksiýanyň gaýtaran bahasy bilen çalşýar:

$(selektor).outerWidth(function(topardaky tertip nomer, iniň häzirki bahasy));

Mysal

Deňeşdirmek üçin #test abzasynyň ini hakda maglumat çykaralyň, width, innerWidth we outerWidth usullary tarapyndan alnan:

<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);

Şeýle-de görmeli

width usuly,
elementiň ini almak we üýtgetmäge mümkinçilik berýär
innerWidth usuly,
elementiň içindaky boşluklaryny hasaba almak bilen ini almak we üýtgetmäge mümkinçilik berýär