jquery - 将鼠标悬停在 #leaderboard 上时，向 #left-arrow 和 #right-arrow 添加一个类

Question

很抱歉提出这样一个基本问题，但我需要知道当我将鼠标悬停在 #leaderboard 上时如何向两个 div 添加类，#left-arrow 和 #right-arrow。

我知道我可以使用调用悬停()，但我不确定如何实现它以在另一个元素上添加类。

我绝对是 Javascript 的初学者，所以如何实现它越具体越好!谢谢!

-贾德森

Answer 1

您可以使用.toggleClass() ，像这样:

$("#leaderboard").hover(function() {
  $("left-arrow, #right-arrow").toggleClass("myClass");
});

这会在您悬停时添加该类，在鼠标离开时将其删除。如果您只想添加该类，则 .addClass()将会起作用，您可以使用 .removeCass() 手动删除它稍后。

对于这部分:

I understand I can use the call hover(), but I'm unsure how to implement it to add a class on another element.

只需使用像我上面那样的选择器，您不限于在任何函数中使用this，您可以使用a selector或traverse functions在适当的地方移动。