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

Question

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

但问题是我的下一个新添加的元素#btn无效。它只适用于我现有的元素。

我用

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

但没有运气

Answer 1

您可以使用.livequery（）插件

e.g。

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

希望有所帮助

由于

Answer 2

您可能需要查看DOM4 Mutation Observers（W3C Working Draft）。如果DOM已更改，它们可用于获得通知，因此您可以处理新插入的节点。另请查看Mutation Summary library。但是，not all browsers do support this feature yet。

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