jquery - jQueryでホバー時にz-indexを設定するには?

Question

img 要素のホバー時に z-index を設定するにはどうすればよいですか? マウス ポインターが img の外にある場合、z-index は 0 である必要があり、それ以外の場合は 9 である必要があります。

設定方法は知っていますが、ホバー時に変更する方法はわかりません。

$('#content img').click(function () {
    $(this).css("z-index", "99")
});

Answer 1

$('#content img').mouseover(function () {
    $(this).css("z-index", "9")
});

$('#content img').mouseout(function () {
    $(this).css("z-index", "0")
});

Answer 2

cssのみのソリューション：

 #content img{
   z-index:0;
 }

 #content img:hover{
   z-index:9;
 }

Answer 3

これを試してみてください

$('#content img').hover( 
   function() { 
     $(this).css("z-index", "99")
   },
   function() { 
     $(this).css("z-index", "0")
   });