Javascript 影响同一类中所有html元素的jquery

过去几天我在做一个项目，现在在这个项目中，我有一个边栏，上面有这样的按钮

<div class="btn">
   Button 1
</div>
<div class="btn">
   Button 2
</div>
<div class="btn">
   Button 3
</div>

现在的问题是，这个javascript代码正在用同一个类更改所有元素。我不想要它。我只想换一个按钮

例如，如果将鼠标悬停在第一个按钮上，javascript代码应该只更改第一个按钮的颜色，而不更改其他按钮的颜色

出于某种原因，我不能在这种情况下使用CSS

---

因此，有人能帮我解决这个问题吗

如果需要指定具有相同类名的元素，可以使用

.eq（）

$（“div.btn”）

表示类为

btn

的所有

元素。但是，如果执行

$（“div.btn”）.eq（0）

，则表示类

btn

的第一个

元素。类似地，

.eq（1）

用于第二个元素，依此类推。

它应该是这样的

$(function).ready(function(){ $('.btn').mouseenter(function(){ $(this).css('color', 'red'); }); });

---

您需要特别使用$（this）引用元素，否则所有类为“.btn”的元素都将更改：

$('.btn').mouseenter(function () {

    $(this).css('color', 'red');

});

$（文档）.ready（函数（）{
$（“.btn”）.mouseover（函数（）{
$（this.css（'color'，'red'））
});
$（“.btn”）.mouseleave（函数（）{
$（this.css（'color'，'#000000'））
});
});

按钮1
按钮2
按钮3

$('.btn').mouseenter(function () {

    $(this).css('color', 'red');

});