Метад width

Метад width дазваляе атрымліваць і змяняць шырыню элемента. Важна памятаць, што мы будзем атрымліваць 'вылічанае значэнне' шырыні (computed width). У адрозненне ад метаду css('width'), ён вяртае бязразмерную велічыню (напрыклад 400) і зручны пры матэматычных вылічэннях. Метад атрымлівае шырыню кантэнту элемента, незалежна ад пазначэння CSS-уласцівасці box-sizing. Каб пазбегнуць нязручнасцяў, звязаных з гэтым, рэкамендуецца выкарыстоўваць css('width'). Памылкі ў вылічэнні могуць таксама ўзнікаць, калі карыстальнік мяняе памеры старонкі, а таксама, калі элемент ці яго бацькоўскі элемент схаваны. Значэнне шырыні не ўлічвае значэнні адступаў і рамкі.

Сінтаксіс

Атрымаць шырыню элемента. У некаторых выпадках атрыманыя значэнні могуць быць дробнымі:

$(селектар).width();

Каб змяніць шырыню элемента - можна перадаць проста лік (напрыклад 400), тады адзінкі вымярэння будуць пікселі, альбо радок, з пазначэннем адзінак вымярэння (напрыклад '10em'):

$(селектар).width(новае значэнне);

Таксама мы можам ужыць зададзеную функцыю да кожнага элемента ў наборы. Пры гэтым першым параметрам функцыя атрымае нумар элемента ў наборы, а другім параметрам - бягучае значэнне зададзенай шырыні для канкрэтнага элемента. Значэнне this ўнутры функцыі будзе паказваць на бягучы элемент. Значэнне шырыні элемента зменіцца на тое, якое верне функцыя:

$(селектар).width(function(нумар у наборы, бягучае значэнне шырыні))ж

Прыклад

Давайце пры націсканні на div зменім яму шырыню на значэнне 40px, выкарыстоўваючы метад width, а таксама з дапамогай css зменім яго фон на зялёны:

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

Глядзіце таксама

метад height,
які дазваляе атрымліваць і змяняць вышыню элемента
метад innerWidth,
які дазваляе атрымліваць і змяняць шырыню элемента, улічваючы яго ўнутраныя адступы
метад outerWidth,
які дазваляе атрымліваць і змяняць шырыню элемента, улічваючы яго адступы і мяжу
метад css,
які дазваляе атрымліваць і змяняць CSS стылі элемента