悬停高亮显示子项不应突出显示父项

Question

当我将鼠标悬停在它上面时，我试图突出显示该元素（添加类）。我在页面上嵌套了元素。我想要的是，如果我将鼠标悬停在元素上，则立即元素将突出显示而不是所有父元素。

这是片段

        $("body *").hover(function (e)
        {
            $(this).addClass('test');
        }, function ()
        {
            $(this).removeClass('test');
        });`

http://jsfiddle.net/3ZGQr/1/

Answer 1

尝试

$(document).ready(function (){
    $("body").mouseover(function (e){
        $(e.target).addClass('test');
    }).mouseout(function (e) {
        $(e.target).removeClass('test');
    });
});

演示：Fiddle