Como faço para desvincular “hover” em jQuery?

Como faço para desvincular "hover" no jQuery?

Isso não funciona:

$(this).unbind('hover');

$(this).unbind('mouseenter').unbind('mouseleave')

ou mais sucintamente (obrigado @Chad Grant ):

$(this).unbind('mouseenter mouseleave')

Na verdade, a documentação do jQuery tem uma abordagem mais simples do que os exemplos encadeados mostrados acima (embora eles funcionem bem):

$("#myElement").unbind('mouseenter mouseleave');

A partir do jQuery 1.7, você também pode usar $.on()e $.off()para associação de evento, portanto, para desvincular o evento hover, você usaria o mais simples e mais organizado:

$('#myElement').off('hover');

O pseudo-event-name "hover" é usado como uma abreviação para "mouseenter mouseleave", mas era tratado de forma diferente nas versões anteriores do jQuery; exigindo que você remova expressamente cada um dos nomes de eventos literais. Usar $.off()agora permite que você solte ambos os eventos do mouse usando a mesma abreviação.

Editar 2016:

Ainda é uma pergunta popular, então vale a pena chamar a atenção para o ponto de @ Dennis98 nos comentários abaixo de que no jQuery 1.9+, o evento "hover" foi descontinuado em favor das chamadas "mouseenter mouseleave" padrão. Portanto, sua declaração de associação de evento agora deve ter a seguinte aparência:

$('#myElement').off('mouseenter mouseleave');

Desvincule os eventos mouseentere mouseleaveindividualmente ou desvincule todos os eventos no (s) elemento (s).

$(this).unbind('mouseenter').unbind('mouseleave');

ou

$(this).unbind();  // assuming you have no other handlers you want to keep

unbind () não funciona com eventos embutidos codificados.

Então, por exemplo, se você quiser desvincular o evento mouseover <div id="some_div" onmouseover="do_something();">, descobri que $('#some_div').attr('onmouseover','')é uma maneira rápida e suja de fazer isso.

Outra solução é .die () para eventos vinculados a .live () .

Ex.:

// attach click event for <a> tags
$('a').live('click', function(){});

// deattach click event from <a> tags
$('a').die('click');

Você pode encontrar uma boa referência aqui: Explorando jQuery .live () e .die ()

(Desculpe pelo meu inglês: ">)

Tudo o que o hover está fazendo nos bastidores é vinculado às propriedades mouseover e mouseout. Gostaria de vincular e desvincular suas funções desses eventos individualmente.

Por exemplo, digamos que você tenha o seguinte html:

<a href="#" class="myLink">Link</a>

então seu jQuery seria:

$(document).ready(function() {

  function mouseOver()
  {
    $(this).css('color', 'red');
  }
  function mouseOut()
  {
    $(this).css('color', 'blue');
  }

  // either of these might work
  $('.myLink').hover(mouseOver, mouseOut); 
  $('.myLink').mouseover(mouseOver).mouseout(mouseOut); 
  // otherwise use this
  $('.myLink').bind('mouseover', mouseOver).bind('mouseout', mouseOut);


  // then to unbind
  $('.myLink').click(function(e) {
    e.preventDefault();
    $('.myLink').unbind('mouseover', mouseOver).unbind('mouseout', mouseOut);
  });

});

Você pode remover um manipulador de eventos específico que foi anexado onusandooff

$("#ID").on ("eventName", additionalCss, handlerFunction);

// to remove the specific handler
$("#ID").off ("eventName", additionalCss, handlerFunction);

Usando isso, você removerá apenas handlerFunction
Outra boa prática é definir um nameSpace para vários eventos anexados

$("#ID").on ("eventName1.nameSpace", additionalCss, handlerFunction1);
$("#ID").on ("eventName2.nameSpace", additionalCss, handlerFunction2);
// ...
$("#ID").on ("eventNameN.nameSpace", additionalCss, handlerFunctionN);

// and to remove handlerFunction from 1 to N, just use this
$("#ID").off(".nameSpace");

Descobri que isso funciona como um segundo argumento (função) para .hover ()

$('#yourId').hover(
    function(){
        // Your code goes here
    },
    function(){
        $(this).unbind()
    }
});

A primeira função (argumento para .hover ()) é mouseover e executará seu código. O segundo argumento é mouseout, que desvinculará o evento hover de #yourId. Seu código será executado apenas uma vez.