Javascript jQuery如何插入检测DOM的解决方案

我想在插入dom时进行自动初始化，我知道有几种方法，但是像在jQuery上侦听事件那样进行初始化可以吗

在过去，我们可以做类似的事情

$('#btn_add').on('click', function() {
    var html = $('<div class="new"></div>');

    $('.container').append(html).find('.new:last').trigger('created');

});

$('.container').on('created', '.new', function() {
    $(this).html('new content');
});

HTML

<button id="btn_add">add</button>
<div class="container"></div>

或

$（'btn_add'）。在（'click'，function（）上{
var html=$（''）；
$（'.container'）.append（html）；
doInit（）；
});
函数doInit（）{
$（'.container'）.find（'.new:last'）.html（'new content'）；
}

---

但是它没有listen

DOMNodeInserted

那么漂亮，还有更好的写作风格吗？

还有

mutationObserver

api：也可能是@JosuéZatarain的副本我知道这个，但它只支持IE11

$('#btn_add').on('click', function() {
    var html = $('<div class="new"></div>');

    $('.container').append(html).find('.new:last').trigger('created');

});

$('.container').on('created', '.new', function() {
    $(this).html('new content');
});

$('#btn_add').on('click', function() {
    var html = $('<div class="new"></div>');

    $('.container').append(html);

    doInit();
});

function doInit() {
    $('.container').find('.new:last').html('new content');
}