Wie kann ich mit jQuery Inhaltsänderungen in DOM-Elementen erkennen?

Änderungen des Elementinhalts mit jQuery überwachen

Die Funktion change() erkennt effektiv Änderungen an Formularelementen. Können Sie jedoch Änderungen am Inhalt von DOM-Elementen lokalisieren?

Stellen Sie sich dieses Szenario vor:

<div>

Der folgende Code reicht nicht aus:

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

Dies Code reagiert nur auf Änderungen in Formularelementen. Um Inhaltsänderungen zu überwachen, erkunden Sie diese alternativen Ansätze:

Ansatz 1: jQuery-Verkettung und -Traversierung

• Verarbeiten Sie DOM-Änderungen mithilfe der Verkettungs- und Traversierungsfunktionen von jQuery.

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

Ansatz 2: Benutzerdefinierte Ereignisse mit triggerHandler()

• Erstellen Sie ein benutzerdefiniertes Ereignis mit der bind()-Methode und der triggerHandler()-Funktion von jQuery.

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

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

Hinweis: Während sich der ursprüngliche Beitrag auf Inhaltsänderungen in Divs konzentrierte, kann diese Methode auch Änderungen erkennen, die über html() oder vorgenommen wurden append().

Weitere Details zur Funktion triggerHandler() finden Sie in der jQuery-Dokumentation: http://api.jquery.com/triggerHandler/

Das obige ist der detaillierte Inhalt vonWie kann ich mit jQuery Inhaltsänderungen in DOM-Elementen erkennen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!