Difference between .on('click') vs .click()

Question

Is there any difference between the following code?

$(\'#whatever\').on(\'click\', function() {
     /* your code here */
});

and

Answer 1

NEW ELEMENTS

As an addendum to the comprehensive answers above to highlight critical points if you want the click to attach to new elements:

1. elements selected by the first selector eg $("body") must exist at the time the declaration is made otherwise there is nothing to attach to.
2. you must use the three arguments in the .on() function including the valid selector for your target elements as the second argument.