jquery - 为什么图像需要被 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>

对比

<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()，但这是有道理的，因为 aDIV是块元素而SPAN不是块元素。