清理jQuery的css更改試圖使其一條線

Question

有沒有辦法我可以清理這個jQuery的css更改？像所有的CSS變化是在一個.css（）

$('#container img') 
       .css("opacity","1") 
       .css("width","339px") 
       .css("height", "211px");    

Answer 1

這應該工作：

$('#container img').css({ 
    opacity: 1, 
    width: "339px", 
    height: "211px" 
}); 

Answer 2

我會添加一個CSS類。

$('#container img').addClass("foo"); 

其中

.foo{ 
    opacity: 1; 
    width: 399px; 
    height: 211px; 
} 

這種技術被稱爲有狀態的CSS，是操縱UI的非常有用：http://timgthomas.com/2012/05/mute-your-asynchronous-uis-with-stateful-css/

Answer 3

http://api.jquery.com/css/#css-properties

$('#container img').css({opacity: 1, width: "339px", height: "211px" })