Remplacer un: survolez avec jQuery?

J'ai défini un <a> de la balise avec le css. Je suis en train d'essayer d'arrêter de feuille de style par défaut :hover changements sur le a tag. Comment puis-je désactiver le hover des modifications sur l'un tag en Jquery?

source d'informationauteur zsharp

  1. 13

    Démo en Live de la solution suivante: http://jsbin.com/umiru

    --

    La façon la plus simple je pense est de changer:

    a:hover { ... }

    en

    a.someClass:hover { ... }

    Puis sur ajouter/supprimer .someClass via jQuery méthodes:

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

    Ici est une solution sans hack classes:

    CSS:

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

    jQuery (utilise jQueryUI pour animer couleur):

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

    démo

  3. 2

    Le plus simple serait de créer une nouvelle règle CSS pour la balise. Quelque chose comme

    a.linkclass:hover {color:samecolor}

    Si vous devez utiliser JQuery pour remplacer les styles par défaut, vous devez ajouter manuellement les règles css dans l'état de pointage, quelque chose comme ceci:

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

    espérons que cette aide

  4. 0

    Il suffit de définir votre CSS sans un "a:hover"

    a { color: #fffff }

    Cette CSS remplacent les a:link, a:hover, a:visited et a:active,.