outerWidth metodu

outerWidth metodu elementi daxili kenar bosluqlari, serhedi ve secici olaraq - xarici kenar bosluqlari nezere alinmaqla enini almaq ve deyismeye imkan verir. Onemlidir ki, biz enin 'hesablanmis qiymetini' alacagiq (computed width). Hesablama xatalari istifadeci sehifenin olculerini deyisdirdikde ve ya element ve ya onun valideyni gizlendikde bas vere biler.

Sintaksis

Beləliklə, biz elementin enini ala bilerik. Bu metod true ve ya false (false standart olaraq qebul edilir) kimi isteqeye bagli parametr qebul ede biler, xarici kenar bosluqlarinin nezere alinip-almamasindan asili olaraq. Bezi hallarda alinan qiymetler kesirli ola biler:

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

Elementin enini deyismek ucun - sadəcə reqem (meselen 400) oturile biler, bu halda olcu vahidleri piksel olacaq, ya da olcu vahidleri gosterilen setir (mesele '10em'):

$(selektor).outerWidth(yeni qiymet, [margin_daxil_olmaqla]);

Biz hemcinin teyin edilmis funksiyani setirdaki her bir elemente tetbiq ede bilerik. Bu zaman birinci parametr kimi funksiya setirdeki elementin nomresini, ikinci parametr kimi isə konkret element ucun teyin edilmis enin cari qiymetini alacaq. this funksiya daxilinde cari elemente isare edecek. Elementin en qiymeti funksiyanin qaytardigi deyerle deyisecek:

$(selektor).outerWidth(function(setirdeki nomre, enin cari qiymeti));

Misal

Gelin muqayise etmek ucun #test abzasinin eni haqqinda melumati, width, innerWidth ve outerWidth metodlari ile elde ederek cixadaq:

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

Hemcinin bax

width metodu,
elementin enini almaq ve deyismeye imkan verir
innerWidth metodu,
elementin daxili kenar bosluqlarini nezere alaraq enini almaq ve deyismeye imkan verir