Zastępowanie a: najedź kursorem na jQuery?

Question

Zdefiniowałem znacznik <a> za pomocą css. Próbuję zatrzymać domyślne zmiany stylów :hover w znaczniku a. Jak wyłączyć zmiany hover na znaczniku w Jquery?

Answer 1

żywo demo następujące rozwiązanie: http://jsbin.com/umiru

-

Najprostszym sposobem mogę myśleć to zmienić:

a:hover { ... } 

do

a.someClass:hover { ... } 

A potem dodaj/usuń .someClass za pośrednictwem metod jQuery:

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

Answer 2

Najprostszym sposobem jest utworzenie nowej reguły CSS dla konkretnego tagu. Coś jak

a.linkclass:hover {color:samecolor} 

Jeśli trzeba użyć jQuery zastępują style domyślne, trzeba ręcznie dodać reguły CSS w stanie wskaźnikiem, coś takiego:

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

nadzieję, że ta pomoc

Answer 3

Wystarczy zdefiniować CSS bez "a: hover"

a { color: #fffff } 

Ten CSS przesłonić a: link, a: hover, a: visited i a: active.

Answer 4

Oto rozwiązanie bez klas Hack:

CSS:

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

jQuery (używa jQueryUI animować kolor):

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

demo