Question

鼠标移到一个标签(span)上的时候一个层(div)，当鼠标在span上和div上的时候不隐藏div

鼠标不在这两个元素上的时候才隐藏div。

Answer 1

<dl class="dl">
       <dd class="dd">
              商店
       </dd>
       <dt class="dt">
              aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
        </dt>
</dl>

$(function(){
    $(".dl").mouseover(function(){
        $(this).find(".dt").show();
    });
    $(".dl").mouseout(function(){
        $(this).find(".dt").hide();
    });
});

.dl{width: 50px;height: 0px; position: relative;}
.dd{width: 45px; height: 20px; border: 1px solid #ccc; font-size: 12px; margin: auto;}
.dt{width: 300px; height: 20px; border: 1px solid #ccc; font-size: 12px; position: absolute; display: none;}

追问

你这种情况当然，因为显示出来的本来就是子元素。如果这种情况呢？

$(document).ready(function(){
$("#div1").hide();
$(".span").hover(function(){
$("#div1").show();

追答

你这样只能做到放上去显示隐藏的div，不能对隐藏div做任何东西，当然你也可以这样：

$(".span").hover(function(){
 $(".span").after("<div id='div1'>......</div>");
 });

 意思就是说放上去的时候我再给他添加一段html，不要的时候就删掉，顺便给你一个东西，希望对你有帮助