Question

当鼠标首次悬停在图像上时尝试隐藏图像。它没有按预期隐藏。

JQuery

$(document).ready(function(){
  $(img).on('mouseenter',function(){
    $(this).hide();
  });
});

Answer 1

更改

$(img)

要

$('img')

你错过了报价。

或者使用id或class

对于ID

$('#image_id')

课程

$('.image_class')

Answer 2

试试这个：

$(document).ready(function(){
   $("img").on("mouseenter",function(){
      $(this).hide();
   });
});

Answer 3

您的id代码中的img属性设置为HTML吗？

应该是这样的，

<强> HTML

<html>
   <head></head>
    <body>
        <img id="img" src="test.jpg" />
    </body>
</html>

jQuery阻止

$(document).ready(function(){
  $(img).on('mouseenter',function(){
    $(this).hide();
  });
});

工作演示： https://jsfiddle.net/0emvkyb5/

希望这有帮助！

Answer 4

你需要把img像这个'img'。否则，它将被理解为变量。

如果您的html页面中有多个图片。最好在你的img标签中加入一个id，以便你可以引用它。

<img src="path" id="myImg" />

因此，您可以拨打$('#myImg')而不是$('img')

$(document).ready(function(){
  $('img').on('mouseenter',function(){
    $(this).hide();
  });
});

这是一个有效的jsFiddle。