Créer un effet d’opacité sur le survol d’une image en jQuery

Voici une fonction JQuery qui donne un effet sympathique sur le survol d’une image, dans cet exemple, lorsque celle çi est associée à un lien .
L’image est rendu légèrement transparente au survol de la souris.
Alternative plus classe à l’ajout de bordure à l’image sur le hover !

Code HTML :

<a href="#">
  <img src="img/image2.jpg" alt ="effet sur survol de l'image'/>
</a>

Code JQuery : Evénement sur le survol de toutes les  images associées à un lien

$('a img').hover(
   function(){ $(this).animate({ opacity : '.75' }); },
   function(){ $(this).animate({ opacity : '1' }); }
  );