javascript - 对 DOM 进行任何修改后的实时更改

Question

我正在使用 jQuery 应用一些 UI 效果，例如在我使用的 JS 文件中向多个元素添加类:

$('.dataGrid').each(function(){
$(this).find('tr:odd').css('background-color', '#F7F8FA');
});

但是当我使用 ajax 加载一个带有 .dataGrid 类的元素时，那里的规则不适用，我的解决方案是让一个函数连接所有像这样的情况并调用它是时候发出 ajax 请求了! .. 这当然不是专业人士 .. 我找到了 .live() ，我使用了它，它在以下事件中运行良好: $('dataGrid').live('moveover', function(){ ... }); .

.live 解决方案非常适合事件...有什么方法可以使用与上面提到的效果相同的概念吗？ ...我的意思是一种重新应用之前设置的规则的方法，每次对这些元素进行更改(例如添加新元素)

我希望我足够清楚，提前致谢:)

Answer 1

Livequery -plugin 支持在 DOM 添加新节点时触发功能。这样的事情应该有效:

$('.dataGrid').livequery(function() {
    $(this).find('tr:odd').css('background-color', '#F7F8FA');
}