Manipolazione CSS con jQuery

La libreria jQuery include vari metodi per manipolare le proprietà di stile e la classi CSS degli elementi DOM.

Metodo Descrizione
css() Ottieni o imposta le proprietà CSS per l'elemento o gli elementi specificati.
addClass() Aggiungere una o più classi agli elementi specificati.
hasClass() Determinare se a uno qualsiasi degli elementi specificati viene assegnata la classe CSS data.
removeClass() Rimuovi una singola classe, più classi o tutte le classi dall'elemento o dagli elementi specificati.
toggleClass() Alterna tra l'aggiunta e la rimozione di classi agli elementi specificati.

jQuery css()

Sintassi:

$('espressione di selezione').css('nome proprietà CSS','valore');

$('#div1').css('background-color','#fff100');

$('p').css({'background-color': 'black','width':'300px'});

jQuery addClass()

Sintassi:

$('espressione di selezione').addClass('nome classe CSS');

$('#div1').addClass('classe1');

jQuery toggleClass()

Sintassi:

$('espressione di selezione').toggleClass('nome classe CSS');

$('#div1').toggleClass('classe1');

Il metodo .hasClass() restituisce true se la classe è assegnata da un elemento, anche in presenza di altre classi.

La sintassi di removeClass() è identica ad addClass() soltanto che ha la funzione inversa.