
Sponsored Link
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'
});