jQuery .click() vs .on() methods for adding a click event

The .click() events are only attach to fully loaded elements and can't use for dynamic added elements and utilize more memory and create event handler for each child. The .click () requires to event handler for all element which are attached and its produce the overhead at time of DOM manipulation.

The .on() events are used for both dynamic added elements and it’s consume less memory then .click () events. It allows creating the event handler which elements are added dynamically ways.

The .on() will work for current and future elements and it a replacement of the bind(), live() and delegate() methods.