Can i fire or execute a javascript function on the change of class on object?

Question

i want to execute a function when the element 's class updated (any new class add or remove).

how i can do this in jQuery

Answer 1

You'll need to set up a custom event.

//function to receive event
$('#foo').bind('class_change', function() {
      alert("Class changed");
    });

//use trigger() to fire custom event
$('#foo').addClass("newClass").trigger('class_change');

$('#foo').removeClass("newClass").trigger('class_change');