JQueryを使って要素の変更をキャッチしたい

例えば特定の div 要素が変更（子要素の追加・更新・削除とか）されたのをキャッチしたいわけです。

普通に考えたら、'change' を使えばイケそうな気がするのですが、実は 'change' って form の要素にしか効かないみたいなんですよね。

逆に言えば form の要素であれば 'change' でOK！ input とか textarea とか select とか、あとなんかあったっけ？

$('#container').on('change', function() { // div に仕込んでも動かない。form の要素であれば動く alert('Changed!'); });

それはともかく、じゃぁ、どうするよ？ というわけで、調べた結果をメモメモφ（．．）。

結論から言うと、'DOMSubtreeModified propertychange' を使うことでイケました。

例えばこんな感じ。

$('#container').on('DOMSubtreeModified propertychange', function() { alert('Changed!'); });

Enjoy!