javascript生成内容上的类选择器

这是一个复杂的问题，乔治与前一个问题的链接得到了我的答案

我遇到了一个问题，选择器不能处理动态生成的javascript内容

最初的工作很好。一旦for循环生成更多div，即使它具有相同的类，“mouseover”css样式也不会应用

生成div的代码：

    for (x; x < y; x++) {
        output = output + '<div class="over">'+
            'But not for these generated divs'+ 
            '</div>';
    }
   $("#content").html(output);

使用jQuery尝试以下操作：

$(document).on('mouseover','.over',function () {
    $(this).addClass("styling");
});


$(document).on('mouseout','.over',function () {
    $(this).removeClass("styling");
});

---

我猜你指的是JavaScript，而不是Java。很抱歉这么粗鲁，但是当一天被问100次的时候，这个问题是如何得到3票的呢？同样相关的：或者

$（document）.on（'mouseover mouseout'，'.over'，function（）{$（this.toggleClass（“样式”）；}）
$(document).on('mouseover','.over',function () {
    $(this).addClass("styling");
});


$(document).on('mouseout','.over',function () {
    $(this).removeClass("styling");
});