Javascript 鼠标悬停时选择单个链接

我试图使我的网站上的超链接有一定的css动画效果

我的代码：

$("a").mouseenter(function() {
  this.addClass("myeffect");
}

到目前为止效果还不错，但当我悬停一个链接时，网站上的每个链接都开始显示效果，而不仅仅是我鼠标悬停的那个。

---

我怎么能只让悬停的链接显示效果？

您引用的

此

不正确

$("a").mouseenter(function() {
  $(this).addClass("myeffect");
}

---

您不正确地引用了此

$("a").mouseenter(function() {
  $(this).addClass("myeffect");
}

---

Simple

此

返回当前元素/节点。它没有可用的

addClass

方法

您需要从节点中选择该元素并将

class

添加到其中

$（此）

将选择该特定元素

$（“a”）.mouseenter（函数（）{
$（this.addClass（“myeffect”）；
})

.myeffect{
颜色：红色
}

---

Simple

此

返回当前元素/节点。它没有可用的

addClass

方法

您需要从节点中选择该元素并将

class

添加到其中

$（此）

将选择该特定元素

$（“a”）.mouseenter（函数（）{
$（this.addClass（“myeffect”）；
})

.myeffect{
颜色：红色
}

您可以修改CSS吗？您确定此代码与您所做的匹配吗？因为此代码有一个逻辑错误

此

不是jQuery对象。它当然是。CSS选择器

“a”

完全匹配每个链接。默认情况下，jQuery不会将

this

绑定为其事件处理程序中的jQuery对象。为什么不使用：hover{}作为样式表效果，而不是在jQuery中使用或执行它？可以修改CSS吗？您确定此代码与您正在执行的操作匹配吗？因为此代码有一个逻辑错误

此

不是jQuery对象。它当然是。CSS选择器

“a”

完全匹配每个链接。默认情况下，jQuery不会将

this

绑定为其事件处理程序中的jQuery对象。为什么不使用：hover{}作为样式表效果，而不是在jQuery中使用或执行它？这使它变得更好！代码还没有完全工作，因为我想它更复杂，但这帮了大忙。谢谢只是另一个更新：这完全使它为我现在的工作。我还需要解决一些其他问题，但这是我问题的正确答案。谢谢！这让情况好多了！代码还没有完全工作，因为我想它更复杂，但这帮了大忙。谢谢只是另一个更新：这完全使它为我现在的工作。我还需要解决一些其他问题，但这是我问题的正确答案。谢谢！