javascript - 选择并将事件应用于动态元素

Question

例如，我想使用 jquery 应用一些 css$('#btn').('color','red');

但问题是这不适用于我的下一个新添加元素#btn。它仅适用于我现有的元素。

我用

$('#btn').on(function(){
   $(this).css('color','red');
});

但没有运气

Answer 1

您可能想查看DOM4 Mutation Observers（W3C 工作草案）。它们可用于在 DOM 更改时收到通知，例如，您可以处理新插入的节点。还可以查看Mutation Summary 库。但是，并非所有浏览器都支持此功能。

如果这对您的用例来说似乎有些过分，请尝试在插入任何内容之前设置 CSS 或在插入后触发自定义事件（例如使用.trigger()）。

Answer 2

您可以使用 .livequery() 插件

例如

$('#btn').livequery(function() {
  $(this).css('color','red');
});

希望有帮助

谢谢