带有单项类的 jQuery 悬停
尝试找出如何将公共类应用于 jQuery Hover，但一次仅适用于单个项目，即使页面上有多个具有相同类的项目。
即 HTML
<div class="button">Button</div>
<div class="button">Button 1</div>
<div class="button">Button 2</div>
JS
jQuery('.button').hover(function () {
jQuery('.button').addClass('button-hover');
}, function () {
jQuery('.button').removeClass('button-hover');
});
我怎样才能做到这一点，这样如果我将鼠标悬停在“按钮”上，并非所有按钮都添加该类？即本质上只希望它在专注于单个 div 时添加类？
谢谢
Trying to figure out how to apply a common class to jQuery Hover but only for a single item at a time even if there are multiple items with the same class on a page.
i.e. HTML
<div class="button">Button</div>
<div class="button">Button 1</div>
<div class="button">Button 2</div>
JS
jQuery('.button').hover(function () {
jQuery('.button').addClass('button-hover');
}, function () {
jQuery('.button').removeClass('button-hover');
});
How can I do this so if I hover over 'Button' not ALL the buttons add the class ? i.e. essentially only want it to add the class when Focused on a single div ?
Thnks
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
使用
这个：Use
this:使用对“这个”的引用。悬停函数上下文中的“this”是悬停在其上的元素。
Use the reference to "this". "this" in the context of your hover function is the elment that is hovered over.
您希望在函数中使用
$(this)而不是'.button'。编辑：抱歉，我应该说
$(this)与使用jQuery(this)类似。我认为 jQuery($(this)) 不起作用。You want to use
$(this)instead of'.button'within your function.EDIT: Sorry, I should say that
$(this)is similar to usingjQuery(this). I don't thinkjQuery($(this))would work.