┌──────────────────────────────────────┐
│(1) $(this).css({backgroundColor:'#FF0000'});                               │
│(2) $(this).attr("style","background-color:#FF0000");                       │
│(3) $(this)[0].style.backgroundColor = "#FF0000"                            │
└──────────────────────────────────────┘
こいつらも全部同じ。

微妙に「backgroundColor」と「background-color」が違うから注意。

う～ん、ややこしや～。

例えば、tableタグで列を一つクリックすると行の色が変わる、みたいな処理でも
こう書くこともできれば
┌──────────────────────────────────────┐
│$("td").click(function() {                                                  │
│  $(this).parent().children().css({backgroundColor:'#FF0000'});             │
│});                                                                         │
└──────────────────────────────────────┘
こう書くこともできる。
┌──────────────────────────────────────┐
│$("td").click(function() {                                                  │
│  $(this).parent().children().attr("style","background-color:#FF0000");     │
│});                                                                         │
└──────────────────────────────────────┘
他にもいろいろあるよね。