jQuery를 사용하여 DOM 요소의 콘텐츠 변경을 어떻게 감지할 수 있나요?

jQuery로 요소 콘텐츠 수정 모니터링

change() 함수는 양식 요소에 대한 변경 사항을 효과적으로 감지합니다. 그러나 DOM 요소의 콘텐츠에 대한 변경 사항을 정확히 찾아낼 수 있습니까?

이 시나리오를 고려하십시오.

<div>

다음 코드로는 충분하지 않습니다.

$("#content").change(function() {
    // Do something
});

이것은 코드는 양식 요소의 변경에만 응답합니다. 콘텐츠 변경 사항을 모니터링하려면 다음 대체 접근 방식을 살펴보세요.

접근 방식 1: jQuery 연결 및 탐색

• jQuery의 연결 및 탐색 기능을 사용하여 DOM 변경 사항을 처리합니다.

$("#content").html('something').end().find(whatever)....

접근방식 2: 맞춤형 TriggerHandler()가 포함된 이벤트

• jQuery의 바인딩() 메서드와 TriggerHandler() 함수를 사용하여 사용자 정의 이벤트를 만듭니다.

$("#content").html('something').triggerHandler('customAction');

$('#content').unbind().bind('customAction', function(event, data) {
   // Custom-action
});

참고: 원래 게시물은 div의 콘텐츠 변경에 중점을 두었지만 이 방법론은 html() 또는 Append().

triggerHandler() 함수에 대한 자세한 내용은 jQuery 문서(http://api.jquery.com/triggerHandler/

)를 참조하세요.

위 내용은 jQuery를 사용하여 DOM 요소의 콘텐츠 변경을 어떻게 감지할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!