jQuery与类Single Item一起悬停

试图弄清楚如何将公共类应用于jqueryhover，但每次仅应用于单个项，即使页面上有多个具有相同类的项

i、 e.HTML

<div class="button">Button</div>
<div class="button">Button 1</div>
<div class="button">Button 2</div>

如果我将鼠标悬停在“Button”上，并不是所有的按钮都添加了类，我怎么能这样做呢？i、 基本上只想在关注单个div时添加类

Thnks使用：

使用：

使用对“this”的引用。悬停函数上下文中的“this”是悬停在上面的elment

jQuery('.button').hover(function () {
    jQuery(this).addClass('button-hover');
}, function () {
    jQuery(this).removeClass('button-hover');
});

使用对“this”的引用。悬停函数上下文中的“this”是悬停在上面的elment

jQuery('.button').hover(function () {
    jQuery(this).addClass('button-hover');
}, function () {
    jQuery(this).removeClass('button-hover');
});

您希望在函数中使用

$（this）

，而不是

'。按钮“

”

编辑：对不起，我应该说

$（this）

类似于使用

jQuery（this）

。我认为

jQuery（$（这个））

不起作用

您希望在函数中使用

$（this）

而不是

'。按钮“

”

---

编辑：对不起，我应该说

$（this）

类似于使用

jQuery（this）

。我认为

jQuery（$（这个））

不起作用

啊哈！啊！：D非常感谢-这是一个非常简单的修复方法，我正在尝试学习/弄明白：）您可以使用$而不是jQuery来缩短和简化它$（this）而不是jQuery（this）@Switz，我想说的是当我认为他可能在使用

$.noConflict（）

（可能他在使用Prototype.js）啊哈！啊！：D非常感谢-这是一个非常简单的修复方法，我正在尝试学习/弄明白：）您可以使用$而不是jQuery来缩短和简化它$（this）而不是jQuery（this）@Switz，我想说的是，当我认为他可能在使用

$.noConflict（）

（可能他在使用Prototype.js）不是您想要的，但您不能只使用：hover CSS伪类来实现同样的功能吗？不是您想要的，但是你不能仅仅使用：hover-CSS伪类来实现同样的功能吗？

jQuery('.button').hover(function () {
    jQuery(this).addClass('button-hover');
}, function () {
    jQuery(this).removeClass('button-hover');
});