Detect DOM Nod Inserted DOM Node Removed
HTML
<button class="color">Color Change</button>
<button class="dom">DOM Change</button>
<div class="thing"></div>
CSS
.thing {
height:100px;
width:100px;
}
JavaScript
$('.thing').bind('DOMNodeRemoved', function() {
$(this).addClass('stateChange');
console.log('stateChanged');
$(this).append('<div>state has changed</div>');
var sc = $('.stateChange');
if (sc.nodeType = 3) {
console.log('stateChange is a textNode');
} else {
}
});
$('.color').click( function() {
$('.thing').css('background','#eaeaea');
});
$('.dom').click( function() {
$('.thing').append('<div>Hello</div>');
});