Javascript 在jquery中使用鼠标悬停显示和隐藏文本

我试图使用jQuery中的hover属性实现一个简单的功能。当我将鼠标悬停在div上时，span元素中必须显示一些文本。这几乎就是概念

<script>
    $(".logo").hover( 
        function() { $("#span_hover").html("Please visit http://www.gmu.edu for more information.") }, 
        function() { $("#span_hover").html(""); } );
</script>
    <div class="logo"><a href="http://www.gmu.edu/"><img src="images/GMU_logo" height="100" width="150" /></a></div>
    <span id="span_hover" style="position:fixed; bottom:5px; right:150px;"></span>

$（“.logo”）。悬停（
function（）{$（“#span_hover”）.html（“请访问http://www.gmu.edu 有关更多信息，请参见“）}，
函数（）{$（“#span_hover”）.html（“”；}）；

---

此代码不起作用！有人能告诉我吗？

你的脚本确实有效：。在调用jquery的函数之前，您确定要加载它吗？错误控制台说什么

$(".logo").hover( 
    function() { $("#span_hover").html("Please visit http://www.gmu.edu for more information.") }, 
    function() { $("#span_hover").html(""); } );

这似乎有效（您缺少一个分号）

这是小提琴：

---

按以下方式更改代码：

$(document).ready(function() {
    $(".logo").hover(
        function() { 
            $("#span_hover").html("Please visit http://www.gmu.edu for more information.");
        }, 
        function() {
            $("#span_hover").html("");
        }
    );
});

使用

$（文档）.ready（…）您的javascript代码将等待DOM，如果它已完全加载，它将启动

用
$（document.ready（function（）{…}）包装javascript试过了。呼叫时未工作。
$（“.logo”）
您使用
进行div。logo
不会退出。这就是为什么在加载DOM时或在页面中包含所需div的部分下方运行此代码的原因。
尝试了它。不起作用
显示它。您忘记加载jQuery了吗？请参阅此处的工作演示：@Cheery:你是说我必须将javascript放在html代码之后吗？当我尝试此操作时，文本不会出现。我看到代码正在运行。我认为代码是正确的。您知道还有哪些其他可能的错误吗？我对这些东西不熟悉：（@SriRamGopal在浏览器中打开web检查器，看看控制台中发生了什么。。。
$(document).ready(function() {
    $(".logo").hover(
        function() { 
            $("#span_hover").html("Please visit http://www.gmu.edu for more information.");
        }, 
        function() {
            $("#span_hover").html("");
        }
    );
});