[jQuery] css - CSS

$('#btn0').click(function(){
  $('#input0').val( 'background-color : ' + $('#btn0').css('background-color') );
});

.css( propertyName:string )
設定されているスタイルシートのpropertyName属性を取得する。

クラスを取得する

$('#btn1').click(function(){
  $('#rect1').css('border','5px solid #0f558a')
});

.css( propertyName:string, value:string )
スタイルシートのpropertyName属性をvalue値で設定する。

クラスを追加する

$('#btn2').click(function(){
  $('#rect2').css({
    'background-color': '#9acc28',
    'border': '5px solid #799f22'
  })
});

.css( properties:object )
スタイルシートのproperties(propertyName属性:value値)を設定する。

クラスを追加する

$('#btn3').click(function(){
  $('#rect3').css('background-color',function(index, val){
    $('#input3').val( '変更前 : ' + val );
    return '#9acc28';
  });
});

.css( propertyName:string, function(index:int, value:string):function )
スタイルシートのpropertyName属性を設定する。

クラスを追加する