>  기사  >  웹 프론트엔드  >  jQuery의 `change()` 함수를 넘어서 DOM 요소 콘텐츠의 변경 사항을 어떻게 감지할 수 있나요?

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

Susan Sarandon
Susan Sarandon원래의
2024-11-19 09:17:02488검색

How Can I Detect Changes in DOM Element Content Beyond jQuery's `change()` Function?

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.