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 методу,
ал элементтин туурасын алууга жана өзгөртүүгө, анын ички жылчыктарын эске алуу менен, мүмкүндүк берет