Metoda width

Metoda width omogoča pridobivanje in spreminjanje širine elementa. Pomembno je vedeti, da bomo dobili 'izračunano vrednost' širine (computed width). Za razliko od metode css('width'), vrne brezdimenzijsko vrednost (na primer 400) in je priročna za matematične izračune. Metoda pridobi širino vsebine elementa, ne glede na nastavitev CSS lastnosti box-sizing. Da se izognemo neprijetnostim, povezanim s tem, je priporočljivo uporabiti css('width'). Napake pri izračunu se lahko pojavijo tudi, če uporabnik spreminja velikost strani, ali če je element ali njegov starš skrit. Vrednost širine ne upošteva vrednosti odmikov in obrobe.

Sintaksa

Pridobiti širino elementa. V nekaterih primerih so lahko dobljene vrednosti delne:

$(selektor).width();

Za spremembo širine elementa - lahko podamo preprosto število (na primer 400), potem bodo enote meritve slikovne pike, ali niz, z navedbo enot merjenja (na primer '10em'):

$(selektor).width(nova vrednost);

Prav tako lahko uporabimo določeno funkcijo za vsak element v nizu. Pri tem prvi parameter funkcije prejme zaporedno številko elementa v nizu, drugi parameter pa trenutno vrednost določene širine za posamezni element. Vrednost this znotraj funkcije bo kazala na trenutni element. Vrednost širine elementa se bo spremenila na tisto, ki jo vrne funkcija:

$(selektor).width(function(zaporedna številka v nizu, trenutna vrednost širine));

Primer

Ob kliku na div spremenimo njegovo širino na vrednost 40px, z uporabo metode width, ter hkrati s pomočjo css spremenimo njegovo ozadje v zeleno:

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

Glejte tudi

metoda height,
ki omogoča pridobivanje in spreminjanje višine elementa
metoda innerWidth,
ki omogoča pridobivanje in spreminjanje širine elementa, z upoštevanjem njegovih notranjih odmikov
metoda outerWidth,
ki omogoča pridobivanje in spreminjanje širine elementa, z upoštevanjem njegovih odmikov in obrobe
metoda css,
ki omogoča pridobivanje in spreminjanje CSS stilov elementa