选择多个id并使用jquery each（）和hover（）悬停

请看一下这个代码。我选择了所有具有相同ID的元素，但是，只有第一个元素会改变颜色，当您将鼠标悬停在其他元素上时，它们的颜色保持不变。我不确定我做得对不对。。请提供建议

这里有一个生活演示->

更新：

---

谢谢大家！我确实使用了类选择器，它选择了悬停时的所有元素！我真正想要的是它选择悬停时的每个元素，然后在我继续下一个元素时，它应该更改颜色，而不是选择所有元素并在悬停一个项目时更改它们的颜色

只能在一个元素上使用ID。jQuery将只选择具有给定ID的第一个元素。将一个类用于多个元素。

只能在一个元素上使用ID。jQuery将只选择具有给定ID的第一个元素。将一个类用于多个元素。

必须有多个具有给定ID的元素。$'ade'使用getElementById并仅返回一个元素

在这种情况下使用类。$'。ade'将返回具有ade类的所有元素。

必须有多个具有给定ID的元素。$'ade'使用getElementById，并且只返回一个元素

---

在这种情况下使用类。$'。ade'将返回所有具有ade类的元素。

ID意味着是唯一的，一个页面上应该只存在一个具有特定ID的元素，并且当使用ID选择器时，jQuery将只选择一个元素。如果您想将多个元素组合在一起并选择它们，我建议您创建一个类并使用该选择器

$('.test')

---

ID是唯一的，一个页面上应该只存在一个具有特定ID的元素，而jQuery在使用ID选择器时将只选择一个元素。如果您想将多个元素组合在一起并选择它们，我建议您创建一个类并使用该选择器

$('.test')

---

如前所述，ID必须是唯一的。而且，您的代码无论如何都没有意义。当您将鼠标悬停在任何div上时，您将遍历其他每个div，并将突出显示的类应用于每个div。您肯定只想将突出显示的类添加到悬停的div中吗？在这种情况下，请分别放下。不要使用。live，它已被弃用。如果需要，请使用.hover；如果需要委派事件，请使用.on

$(".ade").hover(function(){
    $(this).toggleClass('highlight');
});

---

jsiddle:

如前所述，ID必须是唯一的。而且，您的代码无论如何都没有意义。当您将鼠标悬停在任何div上时，您将遍历其他每个div，并将突出显示的类应用于每个div。您肯定只想将突出显示的类添加到悬停的div中吗？在这种情况下，请分别放下。不要使用。live，它已被弃用。如果需要，请使用.hover；如果需要委派事件，请使用.on

$(".ade").hover(function(){
    $(this).toggleClass('highlight');
});

---

jsFiddle:

ID必须是唯一的。使用类而不是ID。所有具有相同ID的元素=>这就是问题所在。您的代码可以是：$.ade.onhover，函数{$this.toggleClass'highlight'；//alertIn here..}；不需要每个insideID都是唯一的。请使用类而不是ID。所有ID相同的元素=>这就是问题所在。您的代码可以是：$.ade.onhover，函数{$this.toggleClass'highlight'；//alertIn here..}；不需要在同一时间对每一位内部人员进行评论：语法略有不同。谢谢Christian！好极了@除悬停事件外，MarkSchultheis不适用于。在上，您需要使用mouseenter和mouseleave@ChristianVarga是的，伪事件在1.9中被删除，因此您应该按照您的指示使用enter/leave-它在1.9发行说明中。正是我的评论：语法略有不同。谢谢Christian！好极了@除悬停事件外，MarkSchultheis不适用于。在上，您需要使用mouseenter和mouseleave@ChristianVarga是的，伪事件在1.9中被删除，因此您应该按照指示使用enter/leave，它在1.9发行说明中。