jquery锚点悬停访问的图像标签

Question

我正在使用 jquery 创建一个图像选项卡，我在这里没有使用任何 css.. 我正在使用锚<a>

当用户悬停在锚点上时，即关注<a>，它应该触发一些东西但它不起作用

<div class="container">
    <div class="TabMenu">
        <span><a href="#"><img src="images/A.png"></a></span>
        <span><a href="#"><img src="images/B.png"></a></span>
        <span><a href="#"><img src="images/C.png"></a></span>
    </div>
</div>

我尝试使用 jquery 解决，但没有成功，这是 jquery 的代码

$(".container .TabMenu span a").click(function(){
 alert("Click working");
});

是否有任何代码可以让锚点悬停、访问、激活

$(".container .TabMenu span a:visited").(function(){
 alert("You have visited");
});

$(".container .TabMenu span a:hover").(function(){
 alert("Hover working");
});

$(".container .TabMenu span a:active").(function(){
 alert("Hover working");
});

锚点有没有特殊的功能代码..

并且不要使用jquery的hover功能，我知道上面3个锚代码是错误的。

Answer 1

要在悬停时执行代码，您可以使用 mouseenter() 和 mouseleave() 方法或 hover () 方法：

$(".container .TabMenu span a").mouseenter(function() {
    alert("hover start")
});

$(".container .TabMenu span a").mouseleave(function() {
    alert("hover end")
});

$(".container .TabMenu span a").hover(function() {
    alert("hover start")
}, function() {
    alert("hover end")
});