Question

我是jQuery的新手。我正在尝试将鼠标悬停事件添加到更改图像的图像和将图像设置回原始图像的mouseout事件。

我有一张图片

<div id="enter">
    <img src="images/entersite.png"/>
</div>

和一些jQuery代码

$("#enter").mouseover(function(){
  $("#enter").html("<img src='images/entersitehover.png'/>");
});
$("#enter").mouseout(function(){
  $("#enter").html("<img src='images/entersite.png'/>");
});

我想将事件添加到图像元素而不是div。我正在阅读类似$(:last:image)的内容来选择最后一张图片（因为这是我认为这样可行的最后一张图片）。

任何帮助都会很棒？

或者，如果你能指点我一个体面的教程，我会自学？

Answer 1

您可以使用hover函数非常简单地执行此操作，该函数有两个参数：mouseenter的函数和mouseleave的函数。您还可以使用后代选择器在img中选择#enter元素。

最后，您可以直接设置src元素的img属性。

$('#enter img').hover(function(){
    this.src = "images/entersitehover.png";
}, function(){
    this.src = "images/entersite.png";
});

image.Advice上的jQuery mouseover事件？

1 个答案: