jquery - 像 jquery 一样的 firebug 实现

Question

我想在光标悬停在元素上时实现类似 Firebug 的突出显示

$("*").mouseover(function()
{
    $(this).css({border:'1px solid blue'});
})
.mouseleave(function() 
{
    $(this).css({border: ''});
});

但是当光标悬停在内部元素上时，它不会改变CSS，由于mouseleave()，外部元素的样式仍然会改变，而不是恢复到原来的CSS

Answer 1

不要在*上做这么繁重的事情。使用.delegate相反。

$('body').delegate('*', 'mouseover mouseout', function (e) {
    if (this === e.target) {
        $(e.target).css('border', (e.type === 'mouseover' ? '1px solid blue' : ''));
    }
});

我还没有测试过它，但我的观点是使用 .delegate。

编辑添加了 Crowder 的建议(谢谢!)