Javascript Jquery显示/隐藏悬停或鼠标输入问题

好的，我正在尝试获取一些隐藏的文本，当鼠标进入div时显示，然后当鼠标离开时隐藏

到目前为止，我的手机上有这个

谢谢，如果有任何帮助，那就太好了。

您应该阅读JavaScript的基础知识

你错过了一个}

此外，您还可以将代码简化为：

$(document).ready(function () {
    $(".image").mouseover(function () {
        $(".hover").show();
    }).mouseout(function () {
        $(".hover").hide();
    });
});

---

顺便说一句，你的HTML被破坏了。首先解决这个问题。

您的HTML和JS代码都写得很糟糕。您没有包括jQuery是您的JSFIDLE，这意味着“$”无法识别

$(document).ready(function() {
  $(".image").mouseover(function(){
      $(".hover").show();
  });
  $(".image").mouseout(function(){
      $(".hover").hide();
  });
});

---

你可以在这里测试：

检查你的小提琴你没有包括JS你的HTMLY中有一些不匹配的标记你没有包括jQuery并且有一些语法错误，现在谢谢你，如果我想说添加一辆红色的汽车，当悬停在它上面时，也会说红色的汽车呢

$(document).ready(function () {
    $(".image").mouseover(function () {
        $(".hover").show();
    }).mouseout(function () {
        $(".hover").hide();
    });
});

$(document).ready(function() {
  $(".image").mouseover(function(){
      $(".hover").show();
  });
  $(".image").mouseout(function(){
      $(".hover").hide();
  });
});