Manipolazione CSS con jQuery

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

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.