jquery：悬停时仅显示一个div

嘿，伙计们，我对这个小剧本有点问题。当我将鼠标悬停在div“item”上时，两个div都显示“暗覆盖”。但我只想要我悬停展示的div里面的黑色覆盖层。这怎么可能？谢谢：）

---

---

---

您只能在您悬停的那一个内找到

.dark覆盖

，如下所示：

$(function() {
   $(".item").hover(function() {
      $(this).find(".dark-overlay").show();
   });
});

$(function() {
   $(".item").hover(function() {
      $(this).find(".dark-overlay").toggle();
   });
});

或者，更可能的情况是，您希望它在离开时也隐藏起来，在这种情况下，您应该像这样使用：

$(function() {
   $(".item").hover(function() {
      $(this).find(".dark-overlay").show();
   });
});

$(function() {
   $(".item").hover(function() {
      $(this).find(".dark-overlay").toggle();
   });
});

---

，或添加一点淡入淡出动画。

您只能在您悬停的动画中找到

.dark覆盖，如下所示：

$(function() {
   $(".item").hover(function() {
      $(this).find(".dark-overlay").show();
   });
});

$(function() {
   $(".item").hover(function() {
      $(this).find(".dark-overlay").toggle();
   });
});

或者，更可能的情况是，您希望它在离开时也隐藏起来，在这种情况下，您应该像这样使用：

$(function() {
   $(".item").hover(function() {
      $(this).find(".dark-overlay").show();
   });
});

$(function() {
   $(".item").hover(function() {
      $(this).find(".dark-overlay").toggle();
   });
});

，或添加一点淡入淡出的动画。
这应该可以做到，悬停事件处理程序接受两个参数（鼠标入和鼠标出），然后将.dark覆盖搜索限制为“This”（当前的.item元素）内的项

这应该可以做到，悬停事件处理程序接受两个参数（mouse-in和mouse-out），然后将.dark覆盖搜索限制为“This”（当前的.item元素）中的项

非常感谢你，尼克！：）您还可以告诉我，当我不悬停.item时，如何使.dark覆盖层淡出吗？：）@Sebastian-查看答案底部的演示：）请注意，此示例使用jQuery 1.4.2。如果您使用的是1.3.2，则行为会有点不同。我认为区别在于.hover（）属性，但我不确定它们发生了什么变化。@Litso-这在1.3.2中是相同的，在封面下，事件模型由于其他原因发生了一些变化，但没有任何影响：）非常感谢，尼克！：）您还可以告诉我，当我不悬停.item时，如何使.dark覆盖层淡出吗？：）@Sebastian-查看答案底部的演示：）请注意，此示例使用jQuery 1.4.2。如果您使用的是1.3.2，则行为会有点不同。我认为区别在于.hover（）属性，但我不确定它们发生了什么变化。@Litso-这与1.3.2中的相同，在封面下，事件模型因其他原因发生了一些变化，但没有任何影响：）