在jquery上显示和隐藏鼠标上的元素

先隐藏div

 //hide the div here var $btn = $('.divbutton').hide() $(".mybooks").mouseenter(function () { $btn.show(); }); $(".mybooks").mouseleave(function () { $btn.hide(); }); 

演示： 小提琴

或者使用css规则来隐藏它

 .divbutton { display:none } 

演示： 小提琴

当您将鼠标hover在按钮上时， 此小提示会显示隐藏按钮（ display: none; ）。 问题是，一旦它们消失，你就不能重新出现它们。 什么都没有hover在…

JavaScript的：

 $('#edit_trivia').hover(function(){ $(this).css('display', 'none'); }); $('#delete_trivia').hover(function(){ $(this).css('display', 'none'); }); 

你应该把你的javascript代码放在这个函数中：

 $( document ).ready(function() { //your code }); 

您的代码： http ： //jsfiddle.net/VGJ5u/