Question

我有：

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

我尝试了几种不同的方式，但这是我所做过的事情的主旨。

我有一个容器div，里面有很多div。我想将MouseEnter事件分别绑定到每个内部div（最后是mouseout，一旦我看到它做了什么就很容易扩展）。

先谢谢你的帮助。

Answer 1

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

Answer 2

尝试悬停：

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

（没有测试代码）

JQuery将bind应用于所有子节点

2 个答案: