Manuale jQuery

Imposta o restituisce uno o più stili css per gli elementi selezionati

Sintassi

$(selector).css(property)
$(selector).css(property,value)
$(selector).css(property,function(index,currentvalue)) 
$(selector).css({property:value, property:value, ...}) 

• Property: specifica la proprietà da impostare
• Value: specifica il valore della proprietà
• function(index,currentvalue): specifica una funzione che restituisce il valore della proprietà da impostare

Esempio 1

<script>
$(document).ready(function(){
	$("button").click(function(){
		$("div").css({
			"background-color": "yellow",
			"width": "200px",
			"height": "200px",
			"border": "1px solid red"
		});
	});
});
</script>
<div></div>
<button>clicca</button>

Imposta gli stili di un div

Esempio 2

<script>
$(document).ready(function(){
	$("#set").click(function(){
		$("div").css("background-color",  "yellow");
	});
	$("#get").click(function(){
		alert($("div").css("background-color"));
	});
});
</script>
<div style=" width:100px; height:100px; border:1px solid red;"></div>
<button id="set">set</button>
<button id="get">get</button>

Un pulsante imposta lo sfondo di un div, l’altro ne legge la proprietà