1

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

3
  • Обязательно ли на JS, если можно ограничиться CSS – см. псевдокласс :hover
    – Sergiks
    28 дек 2014 в 12:18
  • Нужно добавить класс при наведении, а удалить при отводе курсора. Ховер не подходит.
    – Frontender
    28 дек 2014 в 12:35
  • @Виктор Павлов свойства из этого класса запишите в псевдокласс myClass:hover. Вот пример. Как-то неправильно писать JS там, где можно обойтись CSS без извращений )
    – Sergiks
    28 дек 2014 в 13:44

2 ответа 2

5

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

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

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

-2

Или так

$('div').mouseover(function(){
$(this).addClass('hover');
});
$('div').mouseleave(function(){
$(this).removeClass('hover');
});

Или так

    $(document).ready(function(){
    $('#div').hover(
        function(){ 
            $(this).find('.div').toggleClass('visible');
        }
    );
});
2
  • Не знаю почему, но так работать не хочет.
    – Frontender
    28 дек 2014 в 13:27
  • Потому что оба варианта сделаны на jQuery, а автор просил на чистом JS
    – Aleksandr
    17 апр 2018 в 12:01

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.