Return to Answer

$('.UPDATE').click(function(){ }); V/S $(document).on('click','.UPDATE',function(){ });

[enter image description here][10]

$('.UPDATE').click(function(){ }); **V/S**    
$(document).on('click','.UPDATE',function(){ });

$(document).on('click','.UPDATE',function(){ });

1. it is more effective then $('.UPDATE').click(function(){ });
2. it can use less memory and work for dynamically added elements.
3. some time dynamic fetched data with edit and delete button not generate JQuery event at time of EDIT OR DELETE DATA of row data in form, that time $(document).on('click','.UPDATE',function(){ }); is effectively work like same fetched data by using jquery. button not working at time of update or delete:

$('.UPDATE').click(function(){ }); **V/S**    
$(document).on('click','.UPDATE',function(){ });

$(document).on('click','.UPDATE',function(){ });

1. it is more effective then $('.UPDATE').click(function(){ });
2. it can use less memory and work for dynamically added elements.
3. some time dynamic fetched data with edit and delete button not generate JQuery event at time of EDIT OR DELETE DATA of row data in form, that time $(document).on('click','.UPDATE',function(){ }); is effectively work like same fetched data by using jquery. button not working at time of update or delete:

$('.UPDATE').click(function(){ }); V/S $(document).on('click','.UPDATE',function(){ });

[enter image description here][10]

$('.UPDATE').click(function(){ }); V/S $(document).on('click','.UPDATE',function(){ });

$(document).on('click','.UPDATE',function(){ });

  1)it is more effective then $('.UPDATE').click(function(){ });
  2)it can use less memory and work for dynamically added elements.
  3) some time dynamic fetched data with edit and delete button not generate JQuery 
      event at time of EDIT OR DELETE DATA of row data in form, that time 
      $(document).on('click','.UPDATE',function(){ }); is effectively work.[like same fetched data by using jquery. button not working at time of update or delete[enter image description here][10]

$('.UPDATE').click(function(){ }); **V/S**    
$(document).on('click','.UPDATE',function(){ });
 
$(document).on('click','.UPDATE',function(){ });

1. it is more effective then $('.UPDATE').click(function(){ });
2. it can use less memory and work for dynamically added elements.
3. some time dynamic fetched data with edit and delete button not generate JQuery event at time of EDIT OR DELETE DATA of row data in form, that time $(document).on('click','.UPDATE',function(){ }); is effectively work like same fetched data by using jquery. button not working at time of update or delete: