jquery - 为什么 jQuery 的 .css() 方法不允许翻转

Question

我有一个 dl，我想在点击时使用 jQuery 翻转 dt 中的图像。这可以很容易地使用静态 css完成，但由于某种原因，我无法使用 jQuery 的 .css() 方法达到相同的效果。我做错了什么还是这是一个 jQuery 怪癖？

这是一个 JSFiddle 链接，演示了使用 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/