A jQuery plugin to detect when the DOM is modified for specific elements.
$('#test').on('DOMChanged', function (event) {
// this specific element has been modified, log or include other event observers
})
$('body').on('DOMChanged', function (event) {
// DOMChanged events bubble to parent elements, so global event observation is possible
console.log('DOM content modified for', $(event.target).attr('id'));
})DOM modifications are detected by hooking into jQuery's native DOM manipulation APIs, not by observing the DOM directly. Support for mutation observers isn't widely available, and there are performance limits with mutation events.
DOM change events are written for single target jQuery selectors, not for group selectors.
DOM change events can fire rapidly, you might want to throttle or debounce the events depending on your application's needs.