CSSを追加する

CSSメソッドについて

構文

$(セレクタ).css('cssプロパティ', '値');
$(セレクタ).css({'cssプロパティ':'値', ....., 'cssプロパティN':'値N'});

使用方法

$(セレクタ).css({
    'color':'#f00',
    'font-size':'30px',
    'background-color':'#666'
});

変数にまとめて、書くことも出来ます。

var ex_prop = {
    'color':'#f00',
    'font-size':'30px',
    'background-color':'#666'
}
$(セレクタ).css(ex_prop);

ハイフンがない場合は、cssプロパティのクォーテーションは不要です。

var ex_prop = {
    color:'#f00',
    background:'#666'
}
$(セレクタ).css(ex_prop);

キャメルケースで書く方法もあります。

var ex_prop = {
    color:'#f00',
    fontSize:'30px',
    backgroundColor:'#666'
}
$(セレクタ).css(ex_prop);

cssメソッドに直接書くことも出来ます。

$(セレクタ).css({
    color:'#f00',
    fontSize:'30px',
    backgroundColor:'#666'
});