当前位置：文江博客话题详情

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

发布于 2024-09-07 19:58:02 字数 202 浏览 5 评论 0原文

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

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

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

-贾德森

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

懒猫 2024-09-14 19:58:02

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

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

这会添加当你悬停时类，当鼠标离开时删除它。如果您只想添加类，则 .addClass()< /code>将起作用，您可以使用 .removeCass()稍后。

对于这部分：

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

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

You can use .toggleClass(), like this:

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

This adds the class when you hover, removed it when the mouse leaves. If you want to just add the class, then .addClass() will work and you can manually remove it with .removeCass() later.

For this part:

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

Just use a selector like I have above, you're not restricted to using this inside any function, you can use a selector or traverse functions to move around wherever appropriate.

回复收藏 0 原文

最后的乘客 2024-09-14 19:58:02

$('#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');
});

$('#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');
});

回复收藏 0 原文

~没有更多了~