Zmienianie klas za pomocą jQuery w reakcji na najechanie kursorem na element

06 stycznia 2016
1 gwiadka2 gwiazdki3 gwiazdki4 gwiazdki5 gwiazdek

Powiedzmy że chcesz zmienić wygląd elementu, gdy ktoś najedzie na niego kursorem. Rozwiązaniem może być dodanie klasy, gdy kursor znajdzie się nad tym elementem i usunięcie jej, gdy kursor zostanie zabrany.

$('.btn').hover(function () {
  $(this).addClass('hover');
}, function () {
  $(this).removeClass('hover');
});

Trzeba jeszcze tylko dodać potrzebny kod CSS. Jeszcze prostszym rozwiązaniem jest użycie metody toggleClass:

$('.btn').hover(function () {
  $(this).toggleClass('hover');
});

Autor: Matt Smith

Źródło: https://github.com/AllThingsSmitty/jquery-tips-everyone-should-know

Tłumaczenie: Łukasz Piwko

Treść tej strony dostępna jest na zasadach licencji MIT

Zobacz również:

Dyskusja

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *