前往顾页
以后地位: 主页 > 收集编程 > Jsp实例教程 >

jQuery 1.7 同一事件绑定API代码

时候:2012-04-15 17:37来源:知行网www.zhixing123.cn 编辑:麦田守望者

jQuery 1.7 已正式公布!

你可以从 jQuery CDN 获得代码:Production Development
新版本新增 .on() 和 .off() 事件绑定API,
今后同一了以往版本中的三种事件绑定体例,
两个别例名也更加的精简,便利记忆与誊写。
下面是两个新增体例的调用格局:
$(elements).on( events [, selector] [, data] , handler );
$(elements).off( [ events ] [, selector] [, handler] );
当供应 selector 参数时 .on() 与 .delegate() 体例近似,
经由过程挑选器(selector)过滤页面元素,供应事件委派措置。
省略或置空 selector 时 .on() 与 .bind() 体例近似。
利用 .on() 体例时需重视,如果 data 参数为字符串范例,
不得省略 selector 参数,不然 data 将被误以为 selector。
经由过程工具为 data 供应参数,你永久不需求担忧这类特别环境。
所有现有的事件绑定体例(和他们呼应的消弭绑定体例),
都会在 1.7 版本中得以保存,但官方更保举我们利用新的API。
以下是新旧事件绑定API的几个对比例子:
$(‘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');
更多新版公布概况可以点击检察 jQuery 官方博客 jQuery 1.7 Released

jQuery 1.7 统一事件绑定API代码1
jQuery 1.7 同一事件绑定API代码1
------分开线----------------------------
标签(Tag):jQuery jquery教程 jquery技能
------分开线----------------------------
保举内容
猜你感兴趣