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

select and apply event to dynamic element

本文关键字:应用于 动态 元素 事件 选择      更新时间:2023-09-26

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

但问题是它不适用于我的下一个新添加元素,#btn。它仅适用于我存在的元素。

我使用

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

但没有运气

你可能想看看DOM4突变观察者(W3C工作草案)。它们可用于在 DOM 发生更改时收到通知,因此您可以在新插入的节点上工作。另请查看突变摘要库。但是,并非所有浏览器都支持此功能。

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

你可以使用 .livequery() 插件

例如

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

希望有帮助

谢谢