🔎

Jquery змінити ім'я класу

У моєму коді є контейнер:
<div class="color red">...</div>
з відповідними стилями:
<style>
.red{color: red}
.green{color: green}
</style>
Необхідно, щоб при певній події, викликаній методом click, ім'я класу змінювалося на green. Як це зробити?
jquery
1 відповідь
  • Дмитро
    Для додавання класу можна використати цей код:
    $(function(){
    $('.color').on('click', function(){
    $('.color').attr('class', 'green');
    });
    });
    Для того, щоб при методі click колір змінювався з red на green (перемикався) і назад, використовуйте наступний код:
    $(function(){
    $('.color').on('click', function(){
    $('.color').toggleClass('red green');
    });
    });