エフェクトが適切に機能するために、なぜ画像がDiv/Span要素に囲まれる必要があるのですか？

Question

画像がスパンで機能する理由は特にわかりませんが、それ自体ではそうではありません。
完全な例を参照してください ここ.

JS

 $(document).ready(
     function ()
     {
        $('#banner').hover( function(event){ $(this).children().hide("slow");}
                          , function(event){ $(this).children().show("slow");}
                          );
     }
  );

HTML

<div id="banner">
   <span><img src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif" title="Image" alt="Image"/></span>
</div>

vs

<div id="banner">
   <img src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif" title="Image" alt="Image"/>
</div>

Answer 1

本当に要素をdivに包む必要があると思います。私のサイトでは、より大きな画像が隠れている問題を抱えています。垂直方向と水平ではなく、垂直方向に隠れているだけです。

divでラッピングを修正しました。

私はjqueryがどのように実行しているかをもっとよく見ていません hide(), 、しかし、これは理にかなっています。 DIV ブロック要素です SPAN そうではありません。