jQuery 1.7 新的事件 API

jQuery 1.7 中，对以前的 bind/unbind、live/die、delegate/undelegate 三个事件绑定方法做了统一：

1 2	$(elements).on( events [, selector] [, data] , handler ); $(elements).off( [ events ] [, selector] [, handler] );

当提供了selector参数时，.on() 和以前的 .delegate() 方法十分类似；当selector参数忽略或为空时，又和以前的 .bind() 很相似。

有一点需要注意，当 data 参数是字符串类型时，必须要提供一个 string 类型的 selector 或 null，来防止 data 被误认为是 selector。

以前旧的事件 API 在1.7 中依然保留，但是官方推荐使用新的 API。以下是新旧 API 的几个对比例子。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

$('a').bind('click', myHandler); $('a').on('click', myHandler);   $('form').bind('submit', { val: 42 }, fn); $('form').on('submit', { val: 42 }, fn);   $(window).unbind('scroll.myPlugin'); $(window).off('scroll.myPlugin');   $('.comment').delegate('a.add', 'click', addNew); $('.comment').on('click', 'a.add', addNew);   $('.dialog').undelegate('a', 'click.myDlg'); $('.dialog').off('click.myDlg', 'a');   $('a').live('click', fn); $(document).on('click', 'a', fn);   $('a').die('click'); $(document).off('click', 'a');