Manuale jQuery

Il metodo addClass() aggiunge uno o più nomi di classe agli elementi selezionati.

Per aggiungere più di una classe, separare i nomi delle classi tramite uno spazio.

Sintassi

$(selector).addClass(classname,function(index,oldclass))

• Classname: una o piu classi da aggiungere
• function(index,currentclass): una funzione che restituisce una o più calssi (opzionale)

Esempio

<script>
$(document).ready(function(){
	$("button").click(function(){
		$("p").addClass("classe1  classe2");
	});
});
</script>
<style>
.classe1 {
	font-weight: bold;
}
.classe2 {
	border:1px solid red;
}
</style>
<p>Testo paragrafo.</p>
<button>Test</button>

Il codice aggiunge le classi “classe1” e “classe2” al paragrafo

Esempio 2

<script>
$(document).ready(function(){
	$("button").click(function(){
		$("p").removeClass("classe1");
		$("p").addClass("classe2");
	});
});
</script>
<style>
.classe1  {
	font-weight: bold;
}
.classe2  {
	border:1px solid red;
}
</style>
<p class="classe1">Testo paragrafo.</p>
<button>Test</button>

Il codice sostituisce “classe1” con “classe2” al paragrafo