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

Détecter les modifications du contenu des éléments DOM dans jQuery

Alors que la fonction change() de jQuery surveille efficacement les modifications dans les éléments de formulaire, la détection des modifications de contenu dans les éléments DOM pose un défi.

Problème :

Déterminer le moment où le contenu d'un élément DOM est modifié, par exemple en utilisant $("#content").html('something');, est une tâche complexe, car change() est limité aux éléments de formulaire. Les fonctions html() et append() manquent de rappels.

Solution :

Option 1 : exploiter le chaînage et le parcours jQuery

Pour la manipulation de base du DOM, utilisez le chaînage et la traversée jQuery pour exécuter plusieurs actions en séquence. Par exemple :

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

Option 2 : implémenter des événements personnalisés et la gestion des déclencheurs

Lorsque des actions plus complexes sont requises, créez un événement personnalisé avec bind() de jQuery et déclenchez-le manuellement à l'aide de triggerHandler().

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

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

Notez que l'événement change() est principalement conçu pour les champs de saisie. Si la manipulation du DOM provient du code, pensez à la gérer là où la manipulation se produit.

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!