Переопределить a:hover с jQuery?

Живая демонстрация следующего решения: 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

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

a.linkclass:hover {color:samecolor}

Если вы должны использовать jQuery, чтобы переопределить стили по умолчанию, вы должны вручную добавить правила CSS в штате Hover, что-то вроде этого:

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

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

Просто определите свои CSS без «A: Hover»

a { color: #fffff }

, этот CSS переопределят A: Link, A: Hover, A: посетил и A: Active.

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

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);
  }
);

demo