Javascript 当鼠标悬停在-jQuery上时，如何在多个链接上触发相同的事件

我正在尝试使用eventhandler编写一个简单的函数，并且可以使用一些帮助或指针来确定如何执行它

我有3个链接元素，里面有标题。当鼠标进入元素时，我希望标题滑出视图（车库门效果），当鼠标离开元素时则相反

我已经设法写了第一部分。我可以让元素在悬停时隐藏标题，但不知道如何让事件在不同元素上单独触发，而不是一次触发

或者如何让事件在鼠标离开时触发

我应该使用.hover（）事件还是.mouseenter（）和.mouseleave（）呢

这是我到目前为止的代码

方法.hover（）绑定了

mouseenter

和

mouseleave事件的处理程序

。您可以使用它在鼠标位于元素内期间简单地将行为应用于元素

此外，id必须是唯一的。因此，将

#go

替换为

a

最后，您应该让

stop（）

停止当前正在运行但尚未完成的动画

试一试

类似这样的东西

$( "a" ).hover(
    function() {
        $(this).find(".title").animate({
            top: "600px"
        }, 1500 );    
    }, function() {
        $(this).find(".title").animate({
            top: "200px"
        }, 1500 );  
    }
);

---

发布有问题的相关代码，阅读SO规则。ID必须唯一。使用$（'a'）而不是$（'go'）您不能有多个相同的

ID

s。另外，您可能需要使用

$（this）

来引用该元素。这正是我试图理解的，谢谢。有没有一个专门的术语来描述这种函数，这样我就可以了解它了。我不确定在Jquery.com上找什么。这叫做穿越吗？

$( "a" ).hover(
    function() {
        $(this).find(".title").animate({
            top: "600px"
        }, 1500 );    
    }, function() {
        $(this).find(".title").animate({
            top: "200px"
        }, 1500 );  
    }
);