如何在鼠标悬停时显示/隐藏div

Question

当你将鼠标移开时，我正试图让一个div出现。

我正在使用jQuery 1.3。

这就是我所拥有的：

$('#hoveroverthis').hover(function() {$('#showbox').show()});  

不应该这样吗？

编辑：修正。谢谢大家！

Answer 1

您可以在$.document.ready()函数中编写此代码并进行检查

Answer 2

这个问题的最终答案是：是，应该假设你输入了正确的元素ID并且存在具有这些ID的元素在此脚本运行时。

为了确保文档已准备好由JavaScript操作，请将代码包装在文档的句柄中并准备好＆＃39;事件。 jQuery有一个快捷方式：

$(function() {
    // Everything in this context will be executed when the document is ready
    $('#hoveroverthis').hover(function() {$('#showbox').show()});
});

Answer 3

您可以使用：

$(document).ready(function(){//when document is ready (loaded) these functions will initialise
  $('#hoveroverthis').hover(function() {
     $('#showbox').show()
  },function() {//mouseleave event
     $('#showbox').hide()
  });  
});