jQueryで関数内でCSSを複数回変更するにはどうすればよいですか？

Question

コードの余分な行なしでjQueryのcssに複数の変更を加える簡単な方法はありますか？すなわち、私は関数を持っています：

$(function() { 
     $('h1[id=300]').click(function(){ 
     $('#box').css('background','orange');  
     $('#box').animate({ 
     "left" : "300px" 
    }); 
    });   
}); 

私はdivボックスのサイズを変更したいとしましょう。上記の背景色に既に適用されている変更内でどのように追加しますか？

おかげ

Answer 1

あなたは（CSSの引数としてのスタイルを定義したオブジェクトを使用して）、例えば：

 $("#box").css({ 
      background:'orange', 
      left:'300' 
     }); 

（背景：

$('#box').css({'background':'orange', 
       'width':'200px', 
       height:'100px'}); 

Answer 2

あなたはこのような何かを行うことができます左はあなたのスタイルです）