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 중국어 웹사이트의 기타 관련 기사를 참조하세요!