如何使用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);

更新小提琴