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

我基本上在给定页面上的所有元素上都有一个红色边框高亮显示（通过代理向外部加载）。

通过firebug观察，似乎没有正确触发addClass。它在给定元素中添加一个空类（class =“”）。

想出来。使用.css（）而不是addClass

Answer 1

我不确定这是否会有所帮助，但您可以尝试悬停吗？

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

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

Answer 2

使用.css()代替.addClass()可以很好地运作。

Answer 3

你正在寻找这样的东西吗？的 Example

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