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 中国語 Web サイトの他の関連記事を参照してください。