mouseenter与mouseleave

前段时间在做鼠标 放上一个元素上添加一个按钮，移出删除此按钮。当时做的时候想到了mouseover与mouseout，并且也做了阻止冒泡，可是当在元素上移动时就会不断执行mouseover与mouseout，并且元素底部会出现空的带双引号的空元素节点。最后想到了用mouseenter与mouseleave,当鼠标移到元素上（mouseenter）向body中append此按钮，mouseleave时remove此按钮。代码如下：

oBlog_code.hoverStart = (function()
        {
            $(document).delegate('.dp-highlighter,.prettyprint','mouseenter',function()
            {
                $(this).append('<div class="save_code">保存到我的代码片</div>');
                return false;
            });
            $(document).delegate('.dp-highlighter,.prettyprint','mouseleave',function()
            {
                $(this).find('.save_code').remove();
                return false;
            });
        })();