如何在图像脚本上增强MouseOver？

Question

我写了一个小脚本。以下是演示：http://jsfiddle.net/kolxoznik1/MfLuU/3/

一切都很好，但我需要优化它，因为在我看来代码不是应该写的。喜欢听到可以改进的地方。

Answer 1

您的HTML无效 - 这就是jsfiddle突出显示您上一个div标记的原因。确保关闭img标记，结束锚标记的斜杠位于错误的位置。

<a href="#"><img src="http://i.cdn.turner.com/cnn/2011/WORLD/europe/09/04/france.strauss.kahn.arrival/c1main.strauss.kahn.paris.jpg" alt="" title="" class="medium_photo right"/></a>

您可以在jQuery调用上使用链接。您也应该使用find，这样您才能获得当前.b下面的.a

$(".a").mouseover(function() {
    $(this).find('.b').show();
}).mouseout(function() {
    $(this).find('.b').hide();
});

Answer 2

看一下jQuery的toggle()方法。