在悬停#leaderboard时，将一个类添加到＃left-arrow和＃right-arrow

Question

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

我知道我可以使用调用hover（），但我不确定如何实现它来在另一个元素上添加一个类。

我绝对是Javascript的开端，所以更具体的如何实现它更好！谢谢！

-Judson

Answer 1

您可以使用.toggleClass()，如下所示：

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

这会在您悬停时添加该类，在鼠标离开时将其删除。如果你想只是添加课程，那么.addClass()会有效，你可以稍后用.removeCass()手动删除它。

对于这部分：

  

我知道我可以使用调用hover（），但我不确定如何实现它来在另一个元素上添加一个类。

只需使用上面的选择器，您不仅限于在任何功能中使用this，您可以使用a selector或traverse functions来在适当的地方四处走动。

Answer 2

$('#leaderboard').hover(function() {
  // This first function is the hoverIn handler, when the user hovers over #leaderboard
  $('#left-arrow, #right-arrow').addClass('yourClassName');
}, function() {
  // This second function is the hoverOut, when the user stops hovering over #leaderboard
  $('#left-arrow, #right-arrow').removeClass('yourClassName');
});