jquery - 每当将元素添加到 DOM 时，将类添加到元素

Question

我在 document.ready() 中有以下代码如:

$(document).ready(function(){

   $('img').addClass('myClass');

});

现在如果我一次加载所有图像，这段代码就可以正常工作，然后这个函数添加 myClass 到它们(所有 img 的) .但是这里发生的是，每当一个带有标签 img 的新元素，如 <img...../>被添加到 DOM 中(通过 ajax 或 javascript)，它的类没有被添加。这是 JQuery 的限制还是它通过一些插件或 api 提供，或者我们必须手动完成。

我希望每当在 DOM 中添加一个新的 img 时，它的类将设置为 myClass，

PS 现在我像这样使用 setTimeout() 在 2 秒后调用一个函数来向我的图像添加类:

setTimeout(function(){
  $('img').addClass('actAsButton');
},2000);

但这是正确的做法吗？事实上，如果我们在 2 秒后在 DOM 中添加任何新内容，这段代码也会失败，我可以使用 setInterval 代替，但这在内存使用条款。请说明一下..

Answer 1

$('img').load(function() {
  $(this).addClass('actAsButton');
})