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");
    };

  } 

以下是代码：

---

您需要使用

以类为目标元素，并在页面加载时调用函数：

var els=2;

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

  }

changeColor(els);

---

什么叫你的函数？谢谢你，伙计！你真棒