2009-06-04 32 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") } 
     ); 
    }); 
}); 

(沒有測試代碼)