Как добавить класс CSS при наведении с помощью JQuery

Пример, как добавить класс CSS при наведении с помощью JQuery

Как добавить класс CSS при наведении с помощью JQuery

Ваш голос: 3 Число голосов: 23
4.4
5
1
23

Добавить класс CSS при наведении можно средствами JavaScript. В частности для этого достаточно воспользоваться возможностями библиотеки под названием JQuery.

Итак, представленный ниже способ будет работать на большинстве современных браузеров (Mozilla Firefox, Microsoft Internet Explorer >=8, Google Chrome, Opera).

JavaScript:

$('#container').hover(

    function(){ $(this).addClass('klass-pri-navedenii') },

    function(){ $(this).removeClass('klass-pri-navedenii') }

)

HTML

<div id="container">

    <!-- какой-то контент с разметкой -->

</div>

Как только вы наведете курсор на блочный элемент с идентификатором container, последний обзаведется классом klass-pri-navedenii. Отведете курсор, и все вернется на свои места. Этакая эмуляция CSS-ного element:hover.

Комментарии