Как динамически изменить CSS с помощью JS

Question

Как динамически изменить CSS с помощью JS

0

Я работаю над сложной анимацией, я пытаюсь добавить эффекты, добавив еще один класс, основанный на 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/

user3378649 14 апр. 2014, в 05:19

Источник

0

Как называется ваша функция?
j08691 14 апр. 2014, в 02:42

Теги:

javascript

jquery

html

css

1 ответ

Ещё вопросы

Felix · Accepted Answer · 2014-04-14T00-23-00.000Z

Вам нужно использовать . для целевых элементов по классам, а также для вызова вашей функции при загрузке страницы:

var els=2;

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

  }

changeColor(els);

Обновленный скрипт