Metod width

Metod width elementleriň ini almagy we üýtgetmäge mümkinçilik berýär. Esasy ýatda saklamaly, biz iniň 'hasaplanan bahasyny' alarys (computed width). Metoddan tapawutlylykda css('width'), ölçeg birliksiz baha gaýtaryş edýär (meselem 400) we matematiki hasaplamalar üçin amatlydyr. Metod elementleriň mazmunynyň ini alýar, CSS aýratynlygynyň görkezmelerinden garaşsyz box-sizing. Şuňa bagly bolan kynçylyklardan gaça durmak üçin, css('width') ulanmak maslahat berilýär. Hasaplamadaky ýalňyşlyklar hem bolup bilýär, eger ulanyjy sahypanyň ölçeglerini üýtgetse, ýa-da element ýa-da onuň ata-enasy gizlenen bolsa. Iniň bahasy indentaçiýalaryň we çäginiň bahalaryny hasaba almaz.

Sintaksis

Elementleriň ini almak. Käbir wagtlar aýrymlanan bahalar kesirli bolup bilýär:

$(selektor).width();

Elementleriň ini üýtgetmek üçin - ýönekeý san berlip bilýär (meselem 400), onda ölçeg birligi piksel bolýar, ýa-da setir, ölçeg birligini görkezmek bilen (meselem '10em'):

$(selektor).width(täze baha);

Şeýle hem biz kesgitlenen funksiýany her bir elemente ýygymda ulanyp bileris. Bu ýagda funksiýanyň birinji parametri ýygymdaky elementleriň nomerini alyş eder, we ikinji parametri - häzirki element üçin kesgitlenen iniň häzirki bahasy. this bahasy funksiýanyň içinde häzirki elemente görkezer. Elementleriň iniň bahasy üýtger, funksiýanyň gaýtaryş etýän bahasy:

$(selektor).width(function(ýygymdaky nomer, iniň häzirki bahasy));

Mysal

Geliň basylanda div üýtgedeliň ini 40px bahasyna, metody ulanyp width, we css bilen onuň fonyny ýaşyl reňke üýtgedeliň:

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

Şeýle-de görüň

metod height,
elementleriň beýikligini almagy we üýtgetmäge mümkinçilik berýär
metod innerWidth,
elementleriň ini almagy we üýtgetmäge mümkinçilik berýär, onuň içki indentleri hasaba alýar
metod outerWidth,
elementleriň ini almagy we üýtgetmäge mümkinçilik berýär, onuň indentlerini we çägini hasaba alýar
metod css,
elementleriň CSS stillerini almagy we üýtgetmäge mümkinçilik berýär