爲什麼jQuery的.css（）方法不允許翻轉

Question

我有一個dl，我希望在點擊時使用jQuery翻轉dt中的圖像。這可以很容易地使用static css完成，但出於某種原因，我無法使用jQuery的.css（）方法實現相同的效果。我做錯了什麼或者這是一個jQuery怪癖？

Here is a JSFiddle link演示使用CSS和jQuery的行爲。

沒有單擊事件處理程序的示例代碼。爲了簡單起見，我只是試圖翻轉dt本身。

$('dt').css(
    { 
     "color" : "red", 
     "transform": "scaleY[-1]", 
     "-moz-transform": "scaleY[-1]", 
     "-o-transform": "scaleY[-1]", 
     "-webkit-transform": "scaleY[-1]", 
     "filter": "FlipV", 
     "-ms-filter": "FlipV" 
    } 
    ); 

Answer 1

君不見[]和()的區別..

換句話說，你需要使用括號，而不是括號

$('dt').css({ 
    "color": "red", 
    "transform": "scaleY(-1)", 
    "-moz-transform": "scaleY(-1)", 
    "-o-transform": "scaleY(-1)", 
    "-webkit-transform": "scaleY(-1)", 
    "filter": "FlipV", 
    "-ms-filter": "FlipV" 
}); 

演示http://jsfiddle.net/gaby/qngrf/379/