jQuery : html이 주어진 요소 내에서 변경되었는지 어떻게 알 수 있습니까?

Question

javascript에서 jQuery를 사용했을 가능성이 있습니다. 특정 요소의 html 콘텐츠가 변경된 경우 어떻게 검색 할 수 있습니까? 나는 기본적으로 주어진 요소는 레이블로 주어진 요소의 내부 HTML (사업부 또는 경우에 추가되는 경우 탐지하려고

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

:

내가 좋아하는 뭔가를해야만 할 수 있도록하고 싶습니다)가 변경된 다음 내용에 따라 div를 숨기거나 표시합니다.

이와 같은 smt를 달성하는 방법에 대한 다른 아이디어는에도 반영됩니다.

나는 이것을하기 위해 일부 모호한 플러그인으로 되돌릴 필요가 없길 희망한다!

참고 : IE8 이상에서 작동해야합니다.

Answer 1

DOM 레벨 3 이벤트 DOMNodeInserted을 사용할 수 있습니다. 예 :

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

데모 : 새 노드가 당신이 핸들러를 결합되는 요소에 추가 될 때마다 http://www.jsfiddle.net/vsgdZ/1/

이벤트가 발생합니다.