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

Question

当您将鼠标悬停时，我正在尝试显示一个 div。

我正在使用 jQuery 1.3。

这是我所拥有的：

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

这不应该工作吗？

编辑：固定。谢谢大家！

Answer 1

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

Answer 2

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

为确保文档已准备好被 JavaScript 操作，请将您的代码包装在文档“就绪”事件的句柄中。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()
  });  
});