jQuery：如何检测给定元素内的 html 是否已更改？

在 javascript 中，可能使用 jQuery，如何检测给定元素的 html 内容是否已更改？

我希望能够做类似的事情：

$('#myDiv').change(function(){
  // do some stuff
});

我基本上试图检测给定元素是否被添加到 div 或者给定元素（例如标签）的内部 html 是否已更改，然后根据内容隐藏或显示 div。

关于如何实现这样的 smt 的任何替代想法也值得赞赏.

我希望我不必恢复到一些不起眼的插件来做到这一点！

注意：这至少需要在 IE8 中工作！

您可以使用 DOM Level 3 事件插入 DOM 节点。例子：

$('#myDiv').bind('DOMNodeInserted', function(e) {
    console.log('element: ', e.target, ' was inserted');
});

Demo: http://www.jsfiddle.net/vsgdZ/1/

每当新节点附加到绑定处理程序的元素时，该事件就会触发。