jQuery의 `change()` 함수를 넘어서 DOM 요소 콘텐츠의 변경 사항을 어떻게 감지할 수 있나요?

jQuery로 DOM 요소 콘텐츠 변경 감지

jQuery Change() 함수는 양식 요소 값의 변경을 효과적으로 감지합니다. 그러나 $("#content").html('something')을 사용할 때와 같이 DOM 요소 콘텐츠의 변경 사항을 모니터링해야 하는 경우에는 어떻게 해야 합니까?

딜레마

change() 함수는 비양식 요소의 내용 변경이 코드에서 발생하므로 이 목적에는 적합하지 않습니다. 따라서 이에 의존하려면 특정 간격으로 요소의 콘텐츠를 수동으로 확인해야 합니다.

대체 접근 방식

1. jQuery 메서드 연결 및 순회:

간단한 DOM 조작을 수행하는 경우 jQuery 메서드 연결 및 순회를 고려하세요. 예를 들면 다음과 같습니다.

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

2. 사용자 정의 이벤트 및 TriggerHandler:

더 복잡한 작업의 경우 사용자 정의 이벤트 및 TriggerHandler와 함께 jQuery의 바인드 기능을 활용하세요.

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

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

이 접근 방식을 사용하면 다음과 같은 사용자 정의 작업을 정의할 수 있습니다. "customAction" 이벤트가 발생하면 실행됩니다.

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