outerWidth әдісі

outerWidth әдісі элементтің енін ішкі шектеулер, шекара және ішінара - сыртқы шектеулер есепке алынып алуға және өзгертуге мүмкіндік береді. Біз 'есептелген мән' алатынымызды есте сақтау маңызды (computed width). Есептеу қателері пайда болуы мүмкін, егер пайдаланушы парақ өлшемдерін өзгертсе, сонымен қатар, егер элемент немесе оның ата-анасы жасырын болса.

Синтаксис

Біз элементтің енін осылай ала аламыз. Бұл әдіс true немесе false (false әдепкі бойынша) түріндегі міндетті емес параметрді қабылдай алады, сыртқы шектеулер есепке алынатынына немесе алынбайтынына байланысты. Кейбір жағдайларда алынған мәндер бөлшек сандар болуы мүмкін:

$(селектор).outerWidth([margin_есепке_алу]);

Элементтің енін өзгерту үшін - жай санды беруге болады (мысалы 400), онда өлшем бірліктері пиксель болады, немесе жолды, өлшем бірліктерін көрсете отырып (мысалы '10em'):

$(селектор).outerWidth(жаңа мән, [margin_есепке_алу]);

Сондай-ақ біз берілген функцияны әрбір элементке жиынтықта қолдана аламыз. Бұл ретте бірінші параметр ретінде функция жиынтықтағы элементтің нөмірін алады, ал екінші параметр ретінде - нақты элемент үшін белгіленген еннің ағымдақ мәнін алады. this функция ішінде ағымдақ элементке сілтеме жасайды. Элементтің ен мәні функция қайтарған мәнге өзгереді:

$(селектор).outerWidth(function(жиынтықтағы нөмір, еннің ағымдақ мәні));

Мысал

Салыстыру үшін #test абзацының ені туралы ақпаратты шығарайық, width, innerWidth және outerWidth әдістері арқылы алынған:

<p id="test">мәтін</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);

Сондай-ақ қараңыз

width әдісі,
элементтің енін алуға және өзгертуге мүмкіндік береді
innerWidth әдісі,
элементтің енін оның ішкі шектеулерін есепке алып алуға және өзгертуге мүмкіндік береді