2009-06-04 15 views
1

我:JQuery的应用绑定到所有儿童

$(document).ready(function(){ 
    $("#eventsContent").children().each(function(){ 
      $(this).bind("mouseenter", function(){ 
       $(this).css("background","#F5F5F5"); 
     }); 
    }); 
}); 

我已经试过这几种不同的方法,但是这是我干了什么JIST。

我有一个容器div,里面有很多div。我想分别绑定一个MouseEnter事件给每个内部div(并且最终是一个mouseout,一旦我看到做了什么,它将很容易展开)。

感谢您提前帮忙。

回答

3
$("#eventsContent div").bind("mouseenter", function(){ 
    $(this).css("background","#F5F5F5"); 
}); 
+0

这不会工作,为所有的div将分别呢? 说你鼠标在div1上,我想只有div 1改变。 – Jeremy 2009-06-04 01:26:22

+0

是的,它可以独立工作于所有的DIV。当鼠标进入其中一个DIV时,该DIV的背景只会改变。 – 2009-06-04 01:33:43

0

尝试悬停:

$(document).ready(function() { 
    $("#eventsContent").children().each(function() { 
     $(this).hover(
      function() { $(this).css("background", "#F5F5F5") }, 
      function() { $(this).css("background", "#000000") } 
     ); 
    }); 
}); 

(没有测试代码)