Jquery：mouseover和mouseout的奇怪

Question

$(document) 
    .mouseover(function(event) { 
     if ($(event.target).parents('#myunique').length){ 
      event.preventDefault(); 
     }else{ 
     $(event.target).addClass('myoutlineElement'); 
     } 
    }) 
    .mouseout(function(event) { 
     if ($(event.target).parents('#myunique').length){ 
      event.preventDefault(); 
     }else{  
     $(event.target).removeClass('myoutlineElement'); 
     } 
    }) 

我基本上在給定頁面上的所有元素（通過代理外部加載）上都有一個紅色邊框突出顯示。

通過螢火蟲觀察，似乎addClass沒有正確觸發。它在給定的元素中添加一個空類（class =「」）。

想通了。使用.css（）代替addClass

Answer 1

使用.css()代替.addClass()精美的作品。

Answer 2

我不確定這是否有幫助，但是您可以嘗試懸停？

http://api.jquery.com/hover/

$(body).hover(
    function() { 
    //do something while mouse over 
    }, 
    function() { 
    //mouse is out, what now? 
    } 
); 

Answer 3

你在找這樣的事情？ Example

$('html>body>*:not(#unique)').hover(function(){ 
    $(this).addClass('outline'); 
},function(){ 
    $(this).removeClass('outline'); 
});