javascript - 使用 .on ('click' 和 .click 有什么区别？

Question

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

处理 div 的点击时，使用 .on 和 .click 之间有什么区别:

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


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

Answer 1

两者相同...

.click 在内部将调用 .on 方法。

如果你看到这部分 jQuery 源代码。

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 );
    };

可以看到所有的方法都会依次调用.on方法。如此下去会降低你的一级。

这是 .on 在 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" ) {.....