Web programming is event-driven, and some events are used so often that jQuery has created shorthand methods to hook them. The following two methods are equal:
$(element).on('click', handling function);
$(element).click(handling function);The second form is shorter and possibly easier to read, but there is a downside. In the shorthand form, there is no way to add the extra and optional parameters. If you need the selector or data parameters, then you must use the longhand form. Here is a list of all of the shorthand methods:
.change(); .click(); .dblclick(); .error(); .focus(); .focusin(); .focusout(); .hover(); .keydown(); .keypress(); .keyup(); .load(); .mousedown(); .mouseenter(); .mouseleave(); .mousemove(); .mouseout(); .mouseover(); .resize(); .scroll(); .select(); .submit();