Manipolazione CSS

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.

Sintassi:

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

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

Sintassi:

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

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

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.