Assegnare una proprietà CSS ad un elemento tramite jQuery

jQuery rende estremamente semplice l’assegnazione o la modifica di una proprietà css a uno o più elementi.

Supponiamo che stiamo operando su un elemento il cui id è box1 se ad esempio volessimo cambiare o aggiungere il colore si sfondo ci basta utilizzare il metodo .css(), ecco un semplice esempio:

$('#box1').css('background-color','#fee')

In pratica basta chiamare il metodo passandogli la coppia proprità/valore.


Qualora volessimo cambiare più proprietà possiamo utilizzare sempre .css() ma in questo modo:

$('#box1').css({
        'background-color': '#ffe', 
        'border-left': '5px solid #ccc'
})

In pratica la lista delle dichiarazioni va racchiusa tra parentesi graffe, le dichiarazioni sono separate tra di loro da una virgola e la coppia proprietà/valore è separata dai 2 punti.