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

Question

我正在处理复杂的动画，我正在尝试通过根据我得到的 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/

Answer 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