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 that you have read and understand our privacy policy and code of conduct.

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