jQuery を使用して DOM 要素のコンテンツ変更を検出するにはどうすればよいですか?

jQuery による要素コンテンツの変更の監視

change() 関数は、フォーム要素への変更を効果的に検出します。ただし、DOM 要素のコンテンツに加えられた変更を正確に特定できますか?

次のシナリオを考えてみましょう:

<div>

次のコードでは十分ではありません:

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

Thisコードはフォーム要素の変更にのみ応答します。コンテンツの変更を監視するには、次の代替アプローチを検討してください。

アプローチ 1: jQuery のチェーンとトラバース

• jQuery のチェーンとトラバース機能を使用して DOM の変更を処理します。

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

アプローチ 2:triggerHandler() を使用したカスタム イベント

• jQuery の binding() メソッドと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 中国語 Web サイトの他の関連記事を参照してください。