如何使用jquery来实现链接的悬停效果?通常使用css :悬停来更改链接的颜色

Question

我如何使用jquery来实现链接的悬停效果，这个链接通常是用css :悬浮的，所以当我在链接上悬停时，它会改变为不同的颜色，而当我的鼠标离开链接时，它会返回到以前的颜色？

编辑我的链接有一个内联样式，可以设置它的颜色，所以我尝试添加和删除它们不工作的类，似乎新添加的类不能覆盖内联样式。

Answer 1

使用鼠标和鼠标保存事件。

$("#linkname").mouseenter(function(){
$(this).addClass("highlight");
});

$("#linkname").mouseleave(function(){
$(this).removeClass("highlight");
});

鼠标切换，鼠标输出也会工作。

对象的#或类名都可以使用id。

所以

​

这样你就可以使用；

$("#anchorid").mouseleave(

或

$(".anchorclass").mouseleave(

Answer 2

一个简单的方法就是使用jQuery.hover()

$('a#mylink').hover(function(){$(this).toggleClass("underline");},function(){$(this).toggleClass("underline");});

或

$('a#mylink').hover(function(){$(this).css("text-decoration","underline");},function(){$(this).css("text-decoration","none");});