Wie kann ich Änderungen im DOM-Elementinhalt erkennen, die über die Funktion „change()' von jQuery hinausgehen?

Erkennen von Inhaltsänderungen von DOM-Elementen mit jQuery

Die jQuery-Funktion change() erkennt effektiv Änderungen in Formularelementwerten. Was aber, wenn Sie Änderungen im Inhalt eines DOM-Elements überwachen müssen, beispielsweise bei der Verwendung von $("#content").html('something')?

Das Dilemma

Die Funktion change() ist für diesen Zweck ungeeignet, da Inhaltsänderungen in Nicht-Form-Elementen aus dem Code stammen. Wenn Sie sich darauf verlassen, müssten Sie daher in bestimmten Abständen manuell nach dem Inhalt des Elements suchen.

Alternative Ansätze

1. Verketten Sie jQuery-Methoden und Traversierung:

Wenn Sie eine einfache DOM-Manipulation durchführen, sollten Sie die Verkettung von jQuery-Methoden und Traversierung in Betracht ziehen. Zum Beispiel:

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

2. Benutzerdefiniertes Ereignis und TriggerHandler:

Für komplexere Aktionen verwenden Sie die Bindungsfunktion von jQuery mit einem benutzerdefinierten Ereignis und TriggerHandler.

$("#content").html('something').triggerHandler('customAction');

$('#content').unbind().bind('customAction', function(event, data) {
   //Custom-action
});

Mit diesem Ansatz können Sie eine benutzerdefinierte Aktion definieren, die ausgeführt wird ausgeführt werden, wenn das Ereignis „customAction“ ausgelöst wird.

Das obige ist der detaillierte Inhalt vonWie kann ich Änderungen im DOM-Elementinhalt erkennen, die über die Funktion „change()' von jQuery hinausgehen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!