如何在圖像腳本上增強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()方法。