Jquery悬停效果

我想在图像上做一个悬停效果。那很好！但我在div中的图像顶部也有一个文本。当我将其悬停时，背景中的图像会返回

简单地说，我只想在文本或图像上鼠标悬停时在图像上产生悬停效果

您可以在此处看到它的工作原理：

---

看到你有这样的结构：

<div class="image">
    <a href="..." target="_blank">
        <img src="..." border="0" style="opacity: 1; ">
    </a>
    <div class="text">...</div>
</div>

请注意，我没有包括

。默认情况下，jQuery在附加事件处理程序时（事实上，对于大多数操作），会迭代每个元素


如注释中所述，如果您希望在将鼠标悬停在“作者”文本上时效果也起作用，则应将
'.image'
选择器更改为
'ul.sc\u menu li'
。
看到您具有此结构：

<div class="image">
    <a href="..." target="_blank">
        <img src="..." border="0" style="opacity: 1; ">
    </a>
    <div class="text">...</div>
</div>

请注意，我没有包括
。默认情况下，jQuery在附加事件处理程序时（事实上，对于大多数操作），会迭代每个元素


正如在评论中所提到的，如果您希望在悬停在“作者”文本上时也能产生效果，则应将
'.image'
选择器更改为
'ul.sc_menu li'
。
我认为您的选择器
$（'.image'）
实际上应该是
$（'ul.sc_menu li'））
让他获得他想要的行为，这样他也可以将鼠标悬停在图像上方的文本上，但在其他方面这似乎是正确的。@mVChr，你说得对-我没有注意到顶部的文本位。谢谢。我认为你的选择器
$（'.image'）
实际上应该是
$（'ul.sc_menu li'）
，这样他就可以得到他想要的行为，这样他也可以悬停在图像上方的文本上，但在其他方面这似乎是正确的。@mVChr，你是对的-我没有注意到顶部的文本位。谢谢
$('.image').hover(function () {
    $(this).find('img').stop().animate({ opacity: 0.3 }, 200);
}, function () {
    $(this).find('img').stop().animate({ opacity: 1.0 }, 200);
});