Как добавить/удалить класс диву при наведении курсора на него?

Рейтинг: 1Ответов: 1Опубликовано: 28.12.2014

Есть див, которому нужно при наведении курсора на него добавить класс, а при отводе курсора удалить этот класс. Как это можно реализовать на javascript?

javascript
Источник: Stack Overflow на русском

Ответы

▲ 5Принят

Вообще я согласен с @Sergiks по поводу того, что данный вопрос можно легко решить с помощью css, но если хотите всё-таки JS, то вот:

$(document).ready(function(){
  $('.hover-element').hover(
    function() {
      $( this ).removeClass('class-name');
    }, function() {
      $( this ).addClass('class-name');
    }
  );
});

Сделано по мотивам официальной документации.