Javascript 动态修改元素

我有一些类

.super elem

的元素，我希望以某种方式对其进行调整，比如说，向其添加

属性

调整后的=“true”

我可以很容易地在文档的

ready

事件中制作如下内容：

$(".super-elem").attr("adjusted", "true");

但是我可以在以后添加

.super elem

元素，我希望它们也能被调整

因此，当我使用AJAX添加

.super elem

时，我可以使用一些AJAX回调来进行调整

但是，有1000种不同的方法可以向页面添加新元素，就像

$("<div>").addClass("super-elem").appendTo("body");

$（“”）.addClass（“超级元素”）.appendTo（“正文”）；

是否有某种方法可以确保任何元素，无论何时添加或创建，都有class

。super elem

需要进行调整

我的想法是

• 超时检查是否存在未经调整的元素

setTimeout（函数（）{adjust（）}，100）


某种DOM修改事件

但我不确定这些是否是好的解决方案-我认为它们对性能完全不好，而且我觉得第一个解决方案并不可靠。
您可以使用自定义的
事件
，它可以在每次添加
或创建新的
.super elem
时触发，例如：

...
$(".super-elem").append() //or whatever
$.event.trigger("superElemCreate");
..

$(document).on('superElemCreate', function() { 
});

使用第二个选项绑定
domsubtreemedited
事件，例如：
$（“#someDiv”）.bind（“domsubtreemedited”，function（）{//Your code}）@ThinkDifferent不，不要。突变事件已被弃用，不应使用。@ThinkDifferent突变不建议使用，如本文所述。我还发现了关于突变事件@Kluska000的这一点，您所说的“调整”是什么意思。。？这是简单的css调整还是其他什么…？我问题的主要和关键点是，我不想在任何地方手动触发它，因为在某些情况下（如调整自定义插件的内容等），它需要大量定制。