Cómo configurar el color de fondo en jquery

127

¿Cómo configurar el color de fondo de tdjQuery?

p.ej $(this).css({**BackgroundColor:Red**})

Gracias

Ulhas Tuscano
fuente
3
Adjunto a las diferentes respuestas a continuación: api.jquery.com/css
TJ Crowder

Respuestas:

278
$(this).css('background-color', 'red');
reko_t
fuente
61

De hecho lo tienes. Acabo de olvidar algunas citas.

$(this).css({backgroundColor: 'red'});

o

$(this).css('background-color', 'red');

No necesita pasar sobre un mapa / objeto para establecer solo una propiedad. Simplemente puedes ponerlo como cadena. Tenga en cuenta que si pasa un objeto no puede usar un- . Todas las propiedades CSS que tienen dicho carácter se asignan con letras mayúsculas.

Referencia: .css ()

jAndy
fuente
1
¡Gracias! Estaba tratando de hacer: $ (this) .css ({background-color: color}): preguntándome por qué no estaba funcionando. ¡Muy apreciado!
FunkyMonk91
4

Pruebe esto para múltiples estilos CSS:

$(this).css({
    "background-color": 'red',
    "color" : "white"
});
Daniel Hernan Vargas Osorio
fuente
0

Puede agregar su atributo en la función de devolución de llamada ({key}, speed.callback, como es

$('.usercontent').animate( {
    backgroundColor:'#ddd',
},1000,function () {
    $(this).css("backgroundColor","red")
});
Waseem Khalid
fuente