选择器问题

Question

$(function() {
$(".nav li").hover(function(){
$(this).find('.child').css({visibility: "visible",display: "block"});
},function(){
$(this).find('.child').css({visibility: "hidden"});
});
});<div class="nav"> 
 <ul> 
  <li><a href="">aa</a></li>
 
  <li><a href="">bb</a> 
   <ul class="child"> 
    <li><a href="">bb-1</a></li>
 
    <li><a href="">bb-2</a></li>
 
   </ul>
 </li>  <li><a href="">cc</a> 
  <ul class="child"> 
    <li><a href="">cc-1</a></li>
 
    <li><a href="">cc-2</a></li>
 
   </ul>
 </li> </ul>
 </div>我要的效果是鼠标移开了还显示，但是 其他的 child 不显示

Answer 1

你使用的是jquery的，但你没有引用jquery-1.6.2.js，你再试一下。希望能帮到你。

Answer 2

jquery-1.6.2.js 引入了，代码没贴上来而已我要的效果是鼠标移动到cc 的时候 cc 下的child 显示 鼠标移出了 依然显示但bb 下的 child 不显示

Answer 3

$(function() {
    $(".nav li").hover(function(){
        $('.child',this).show();    },function(){
        $('.child',this).hide();        });
});