Переопределить: наведите курсор на jQuery?

Я определил тег <a> с помощью css. Я пытаюсь остановить изменения таблицы стилей по умолчанию :hover в теге a. Как отключить изменения наведения в теге a в JQuery?

Ответ 1

Живая демонстрация следующего решения: http://jsbin.com/umiru

Самый простой способ, который я могу придумать, - изменить:

a:hover { ... }

a.someClass:hover { ... }

Затем добавьте/удалите .someClass с помощью методов jQuery:

$(this).addClass("someClass");    // activates css rules for :hover
$(this).removeClass("someClass"); // deactivates css rules for :hover

Ответ 2

Вот решение без классов взлома:

CSS

a {color: blue;}
a:hover {color: red;}

jQuery (использует jQueryUI для анимации цвета):

$('a').hover( 
  function() {
    $(this)
      .css('color','blue')
      .animate({'color': 'red'}, 400);
  },
  function() {
    $(this)
      .animate({'color': 'blue'}, 400);
  }
);

демонстрация

Ответ 3

Самый простой способ - создать новое правило CSS для конкретного тега. Что-то вроде

a.linkclass:hover {color:samecolor}

Если вам нужно использовать JQuery для переопределения стилей по умолчанию, вам нужно вручную добавить правила css в состояние зависания, что-то вроде этого:

$('a.linkclass').hover(function(){
    $(this).css({'color':'samecolor'});
});

надеюсь, что эта помощь

Ответ 4

Просто определите свой CSS без "a: hover"

a { color: #fffff }

Этот CSS переопределит ссылки a: link, a: hover, a: visited и a: active.