javascript - 如何使用JS动态更改CSS

我正在制作复杂的动画，我正在尝试根据所获取的val添加另一个类来添加效果。

我有不同的CSS类，并且我想知道如何以这种方式动态添加它们。

.. Class="box bottom right"

当我添加新类时（例如：红色）。
应该在我的代码中是这样的：

.. Class="box bottom right red"

我正在尝试根据要计算的值更改css。

var els=2;

  function changeColor(els) {
    if (els>0) {
            $("box bottom right").addClass("red");
    } else{
            $("box bottom right").addClass("green");
    };

  }

这是代码：
http://jsfiddle.net/BB6ED/1/

最佳答案

您需要使用.按类定位元素，以及在页面加载时调用函数：

var els=2;

  function changeColor(els) {
    if (els>0) {
            $(".box.bottom.right").addClass("red");
    } else{
            $(".box.bottom.right").addClass("green");
    };

  }

changeColor(els);

Updated Fiddle