Метод outerWidth

Метод outerWidth элементнинг кенглигини ички чеклаш, чегара ва танловли равишда - ташги чеклашларни хисобга олган холда олиш ва ўзгартириш имконини беради. Қайд этиш керакки, биз кенгликнинг 'ҳисобланган қиймати' (computed width) ни оламиз. Ҳисоблашдаги хатолар саҳифа ҳажмини фойдаланувчи ўзгартирганда, шунгингдек, элемент ёки унинг ота-онаси яширин бўлганда ҳам юз бериши мумкин.

Синтаксис

Биз элементнинг кенглигини шу тарзда олишимиз мумкин. Бу метод true ёки false (false сузма қиймат сифатида) шаклида мажбурий бўлмаган параметрни қабул қилиши мумкин, ташги чеклашлар хисобга олиниши ёки инкор этишига қараб. Айрим ҳолларда олинган қийматлар каср сон бўлиши мумкин:

$(селектор).outerWidth([включая_margin]);

Элементнинг кенглигини ўзгартириш учун - жуда сон (масалан 400) ўтказиш мумкин, бунда ўлчов бирликлари пикселлар бўлади, ёки бирликларни кўрсатиш билан сатр (масалан '10em'):

$(селектор).outerWidth(новое значение, [включая_margin]);

Шунингдек, биз белгиланган функцини тўпламдаги ҳар бир элементга қўллашимиз мумкин. Бунда биринчи параметр сифатида функция тўпламдаги элементнинг тартиб рақамини олади, иккинчи параметр сифатида эса - муайян элемент учун белгиланган кенгликнинг жорий қийматини олади. Функция ичидаги this жорий элементни кўрсатади. Элементнинг кенглик қиймати функция қайтарган қийматга ўзгариши мумкин:

$(селектор).outerWidth(function(номер в наборе, текущее значение ширины));

Мисол

Солиштириш учун #test абзаци учун width, innerWidth ва 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);

Қаранг

метод width,
у элементнинг кенглигини олиш ва ўзгартириш имконини беради
метод innerWidth,
у элементнинг кенглигини унинг ички чеклашларини хисобга олган холда олиш ва ўзгартириш имконини беради