本文实例分析了jQuery on()方法的用法。分享给大家供大家参考。具体分析如下：

一、jQuery on()方法的使用：
 
on(events,[selector],[data],fn)
 
events:一个或多个用空格分隔的事件类型和可选的命名空间，如\"click\"或\"keydown.myPlugin\" 。
selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择器为null或省略，当它到达选定的元素，事件总是触发。
data:当一个事件被触发时要传递event.data给事件处理函数。
fn:该事件被触发时执行的函数。 false 值也可以做一个函数的简写，返回false。

二、jQuery on()方法的优点：
 
1、提供了一种统一绑定事件的方法

2、仍然提供了.delegate()的优点，当然如果需要你也可以直接用.bind()

三、与.bind(), .live(), .delegate()的比较：
 
1、其实.bind(), .live(), .delegate()都是通过.on()来实现的

    live: function( types, data, fn ) {
        jQuery( this.context ).on( types, this.selector, data, fn );
        return this;
    },
    die: function( types, fn ) {
        jQuery( this.context ).off( types, this.selector || \"**\", fn );
        return this;
    },

    delegate: function( selector, types, data, fn ) {
        return this.on( types, selector, data, fn );
    },
    undelegate: function( selector, types, fn ) {
        // ( namespace ) or ( selector, types [, fn] )
        return arguments.length === 1 ? this.off( selector, \"**\" ) : this.off( types, selector || \"**\", fn );
    }