Comment définir la couleur d'arrière-plan dans jquery

127

Comment définir la couleur d'arrière-plan tddans jQuery?

par exemple $(this).css({**BackgroundColor:Red**})

Merci

Ulhas Tuscano
la source
3
En plus des différentes réponses ci-dessous: api.jquery.com/css
TJ Crowder

Réponses:

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

Vous l'avez réellement. J'ai juste oublié quelques citations.

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

ou

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

Vous n'avez pas besoin de passer sur une carte / un objet pour définir une seule propriété. Vous pouvez simplement le passer sous forme de chaîne. Notez que si vous passez un objet, vous ne pouvez pas utiliser un fichier -. Toutes les propriétés CSS qui ont un tel caractère sont mappées avec des lettres majuscules.

Référence: .css ()

jAndy
la source
1
Je vous remercie! J'essayais de faire: $ (this) .css ({background-color: color}): je me demandais pourquoi cela ne fonctionnait pas. Très appréciée!
FunkyMonk91
4

Essayez ceci pour plusieurs styles CSS:

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

Vous pouvez ajouter votre attribut sur la fonction de rappel ({key}, speed.callback, comme est

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