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