Question

对于我刚刚开始的简单问题道歉。我有一个导航div和4个按钮类div。

我希望能够在鼠标悬停/输入等时更改相应按钮div的背景类。

这是我到目前为止的Jquery

<script>
$(document).ready(function(){
  $("#nav").mouseenter(function(){
   $(this).stop(true,true).find(".button").fadeTo(200,0.5,function(){
    $("#nav").mouseleave(function(){
     $(this).stop(true,true).find(".button").fadeTo(200,1);
    });
   });
  });
 }); 
 </script>

Answer 1

我想你可能想要这个：

<script>
$(document).ready(function(){
  $("#nav .button").mouseenter(function(){
   $(this).stop(true,true).fadeTo(200,0.5,function(){
    $(this).mouseleave(function(){
     $(this).stop(true,true).fadeTo(200,1);
    });
   });
  });
 }); 
 </script>

我不知道它做了什么，也没有对它进行测试，但重点是我认为你想要将事件处理程序添加到按钮本身，而不是容器。是这样吗？

Answer 2

试试这个：

$('#nav').find('.button').each(function(){
    $(this).mouseover(function(){
        $(this).attr('style', 'background:url(http://jsfiddle.net/favicon.gif) top left');
    });
    $(this).mouseout(function(){
        $(this).attr('style', 'background:none');
    });
});

你可以看到它在这里工作 - http://jsfiddle.net/FDQXa/

在div中选择div

2 个答案: