Metod width

Metod width elementin enini almaq ve deyismek imkani verir. Onu xatirlamaq vacibdir ki, biz elementin eninin 'hesablanmis deyerini' alaciq (computed width). Metoddan ferqli olaraq css('width'), o olcusuz deyer qaytarir (meselen 400) ve riyazi hesablamalar ucun elverislidir. Metod elementin kontentinin enini alir, asili olmayaraq CSS xususiyyetinin teyin edilmesinden box-sizing. Bununla elaqedar narahatciqligin qarsisini almaq ucun, css('width') istifadesi meslehet gorulur. Hesablamada xatalar bas verə bilər, əgər istifadeci sehifenin olculerini deyisir, ve ya element ve ya onun valideyni gizledilir. Enin deyeri kenar bosluqlarinin ve cerçevenin deyerlerini nezere almır.

Sintaksis

Elementin enini almaq. Bazi hallarda alinan deyerler kesirli ola biler:

$(selektor).width();

Elementin enini deyismek ucun - sadəcə reqem (meselen 400) oturule biler, onda olcu vahidleri piksel olacaq, ya da setir, olcu vahidlerinin gosterilmesi ile (meselen '10em'):

$(selektor).width(yeni deyer);

Biz hemçinin her bir elementə müəyyən edilmiş funksiyanı tətbiq edə bilərik. Eyni zamanda birinci parametr kimi funksiya çoxluqdakı elementin nömrəsini alacaq, ikinci parametr kimi isə müəyyən edilmiş enin cari dəyərini xüsusi element üçün alacaq. this funksiya daxilinde cari elementə istinad edəcək. Elementin eninin dəyəri dəyişəcək, funksiyanın qaytardığı dəyərə:

$(selektor).width(function(çoxluqda nömrə, enin cari dəyəri));

Misal

Gəlin div üzərində kliklədikdə onun enini 40px dəyərinə dəyişək, metodundan istifadə edərək width, həmçinin css köməyi ilə onun fonunu yaşıl rəngə çevirək:

<div id="test"></div>

#test {
	width: 90px; 
	height: 80px;
	background: red; 
	color: white;
	margin-top: 10px; 
	cursor: pointer;
}

$('#test').one('click', function() {
	$(this).width(40).css({
		cursor: 'auto',
		backgroundColor: 'green'
	});
});

Həmçinin bax

metod height,
elementin hundurluyunu almaq ve deyismek imkani verir
metod innerWidth,
elementin enini almaq ve deyismek imkani verir, onun daxili kenar bosluqlarini nezere alaraq
metod outerWidth,
elementin enini almaq ve deyismek imkani verir, onun kenar bosluqlarini ve serhedini nezere alaraq
metod css,
elementin CSS stillerini almaq ve deyismek imkani verir