jQuery简写的事件

时间:2021-04-16

  鉴于为某个事件(例如简单的单击事件)绑定处理程序极为常用,jQuery提供了一种简化事件操作的方法--简写事件方法,简写事件方法的原理与对应的.on()调用相同,可以减少一定的代码输入量。

  例如,不适用.on()而是用.click()可以将前面的样式转换器程序重写为如下代码:

$(document).ready(function(){
$('#switcher-default').addClass('selected');
$('#switcher button').click(function(){
var bodyClass=this.id.split('-')[1];
$('body').removeClass().addClass(bodyClass);
$('#switcher button').removeClass('selected');
$(this).addClass('selected');
});
});

  其他blur、keydown和scroll等标准的DOM事件,也存在类似前面这样的简写事件。这些简写的事件方法能把一个事件处理程序绑定到同名事件上面。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章