Manuale jQuery

Imposta o restituisce la larghezza di un elemento

Sintassi

$(selector).width()
$(selector).width(value) 
$(selector).width(function(index,currentheight))  

• Value: se passato, la funzione imposta l’altezza
• function(index,currentheight): opzionale, una funziona che restituisce il valore dell’altezza da impostare

Se usato per restituire l’altezza, restituisce l'altezza del primo elemento corrispondente

Se usato per impostare l'altezza, lo fa su tutti gli elementi corrispondenti.

Esempio 1: get

<script>
$(document).ready(function(){
	$("button").click(function(){
		alert($("div").width());
	});
});
</script>
<div style="height:200px; width:200px ;background-color:red;"></div>
<div style="height:100px; width:100px; background-color:yellow;"></div>
<button>prova</button>

Esempio 2: set

<script>
$(document).ready(function(){
	$("button").click(function(){
		$("div").width(300);
	});
});
</script>
<div style="height:200px; width:200px; background-color:red;"></div>
<div style="height:100px; width:100px; background-color:yellow;"></div>
<button>prova</button>