How to set background color in jquery
JqueryCssJquery Problem Overview
How to set background color of td
in jQuery?
e.g $(this).css({**BackgroundColor:Red**})
Thanks
Jquery Solutions
Solution 1 - Jquery
$(this).css('background-color', 'red');
Solution 2 - Jquery
You actually got it. Just forgot some quotes.
$(this).css({backgroundColor: 'red'});
or
$(this).css('background-color', 'red');
You don't need to pass over a map/object to set only one property. You can just put pass it as string. Note that if passing an object you cannot use a -
. All CSS properties which have such a character are mapped with capital letters.
Reference: .css()
Solution 3 - Jquery
How about this:
$(this).css('background-color', '#FFFFFF');
Related post: https://stackoverflow.com/questions/688222/add-background-color-and-border-to-table-row-on-hover-using-jquery
Solution 4 - Jquery
Try this for multiple CSS styles:
$(this).css({
"background-color": 'red',
"color" : "white"
});
Solution 5 - Jquery
You can add your attribute on callback function ({key} , speed.callback, like is
$('.usercontent').animate( {
backgroundColor:'#ddd',
},1000,function () {
$(this).css("backgroundColor","red")
});