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');
posted @ 2012-01-04 14:53  ChaunceyHao  阅读(421)  评论(0)    收藏  举报