ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery の `change()` 関数を超えて DOM 要素コンテンツの変更を検出するにはどうすればよいですか?

jQuery の `change()` 関数を超えて DOM 要素コンテンツの変更を検出するにはどうすればよいですか?

Susan Sarandon
Susan Sarandonオリジナル
2024-11-19 09:17:02543ブラウズ

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。