outerWidth усулӣ

outerWidth усулӣ имкон медиҳад, ки паҳноии элементро бо дарназардошти халигиҳои дарунӣ, сарҳад ва ихтиёрӣ - халигиҳои беруна тағйир диҳем ва бигирем. Муҳим аст ба хотир дошт, ки мо 'қимати ҳисобшуда'-и паҳноиро хоҳем гирифт (computed width). Хатоҳо дар ҳисобкунӣ инчунин метавонанд рух диҳанд, агар корбар андозаи саҳифаро тағйир диҳад, инчунин, агар элемент ё волидайни он пинҳон бошанд.

Синтаксис

Ин тавр мо метавонем паҳноии элементро бигирем. Ин усул метавонад параметри ихтиёрӣ ба шакли true ё false (false ба таври пешфарз аст) қабул кунад, вобаста ба он - оё халигиҳои беруна дар назар гирифта мешаванд ё не. Дар баъзе ҳолатҳо қиматҳои гирифташуда метавонанд касрӣ бошанд:

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

Барои тағйир додани паҳноии элемент - метавонед танҳо рақамро интиқол диҳед (масалан 400), он гоҳ воҳидҳои ченак пикселҳо хоҳанд буд, ё сатр, бо ишора кардани воҳидҳои ченак (масалан '10em'):

$(selector).outerWidth(newValue, [includeMargin]);

Инчунин мо метавонем функсияи муайянкардашударо ба ҳар як элемент дар маҷмӯъ татбиқ кунем. Дар ин ҳол функсия ба параметри аввал рақами элементро дар маҷмӯъ мегирад, ба параметри дуюм - қимати ҷорӣи паҳноии муайянкардашуда барои элементҳои муайян мегирад. this дар дохили функсия хоҳад буд ба элемент ҷорӣ ишора кунад. Қимати паҳноии элемент ба он тағйир хоҳад ёфт, ки функсия бармегардонад:

$(selector).outerWidth(function(index, currentWidth));

Намуна

Барои муқоиса иттилооти дар бораи паҳноии абзасро #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 усулӣ,
ки имкон медиҳад, ки паҳноии элементро тағйир диҳем ва бигирем, бо дарназардошти халигиҳои дарунии он