Comment puis-je détecter les modifications de contenu dans les éléments DOM à l'aide de jQuery ?

Surveiller les modifications du contenu des éléments avec jQuery

La fonction change() détecte efficacement les modifications apportées aux éléments de formulaire. Cependant, pouvez-vous identifier les modifications apportées au contenu des éléments du DOM ?

Considérez ce scénario :

<div>

Le code suivant ne suffira pas :

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

Ce le code ne répond qu'aux modifications apportées aux éléments du formulaire. Pour surveiller les modifications de contenu, explorez ces approches alternatives :

Approche 1 : chaînage et traversée jQuery

• Traitez les modifications du DOM à l'aide des capacités de chaînage et de traversée de jQuery.

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

Approche 2 : événements personnalisés avec triggerHandler()

• Créez un événement personnalisé à l'aide de la méthode bind() de jQuery et de la fonction triggerHandler().

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

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

Remarque : Alors que le message original se concentrait sur les changements de contenu dans les divs, cette méthodologie peut également détecter les modifications apportées via html() ou append().

Pour plus de détails sur la fonction triggerHandler(), reportez-vous à la documentation jQuery : http://api.jquery.com/triggerHandler/

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!