How can I detect when a new element has been added to the document in jquery?

Question

How can I detect when a new element has been added to the document in jquery ?

Explanation: I want to know when an element with class \"column-header\" has been adde

Answer 1

I would use setInterval to repeatedly check for element. eg.

var curLength=0;
setInterval(function(){
  if ($('.column-header').length!=curLength){
    curLength=$('.column-header').length;
    // do stuff here
  }
},100);

this code will check for any new .colum-header elements every 100 ms