01/12/2013 Development / java script

DomNodeInserted, é um evento que escuta todas as mudanças no documento.

Imagina que a cada elemento criado dinamicamente em nossa página, iremos adicionar uma borda vermelha. Qualquer elemento mesmo! Independente da ação a qual ele este vinculado.

<p><button id="insert">Insert</button></p>

$(document).bind('DOMNodeInserted', function(e) {
    var element = e.target;
        $(element).css("border", "1px solid red");
});

$('#insert').click(function() {
    $('<div id="test"/>').
    text('Test').
    appendTo('body');
});

$('#insert2').click(function() {
    $('<div id="test2"/>').
    text('Test2').
    appendTo('body');
});

http://jsfiddle.net/XaTCh/358/