Question

Possible Duplicate:
Difference between .on('click') vs .click()

When handling a click of a div whats the difference between using .on and .click :

   $('#myDiv').on('click' , function(e) {
    });


    $('#myDiv').click(function(e) {
    });

Answer 1

Both are same…

.click is internally going to call .on method.

If you see the this part of jQuery source code.

jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " +
    "mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
    "change select submit keydown keypress keyup error contextmenu").split(" "), function( i, name ) {

    // Handle event binding
    jQuery.fn[ name ] = function( data, fn ) {
        if ( fn == null ) {
            fn = data;
            data = null;
        }

        return arguments.length > 0 ?
            this.on( name, null, data, fn ) :
            this.trigger( name );
    };

You can see that all the methods are in turn going to call .on method. So on will reduce your one level.

This is the implementation of .on in jQuery.

jQuery.fn.extend({

    on: function( types, selector, data, fn, /*INTERNAL*/ one ) {
        var origFn, type;

        // Types can be a map of types/handlers
        if ( typeof types === "object" ) {.....