您的位置:首页 > Web前端 > JQuery

jQuery事件绑定与取消

2016-09-05 18:35 309 查看
1、页面加载完毕时,为元素绑定事件

$().bind(事件类型,有名|无名函数)

$(function(){
$('div').bind('mouseover',function(){
//事件内容
});
$('div').bind('mouseout',function(){
//事件内容
});
});

2、为同一个对象的多个不同类型事件绑定同一个处理
$().bind(类型1 类型2 类型3 。。,function());

注意:类型之间用一个空格分隔

$('div').bind('click mouseover mouseout',function(){
//事件
});

3、以json对象,批量绑定事件
$('div').bind({click:function(){console.log('1');},mouseover:function(){console.log('2');},mouseout:function(){console.log('3');}
});

注意:同一个类型,重复添加事件,事件发生时,依次执行

取消:

1、$().unbind();          //取消全部

2、$().unbind(事件类型);            //取消指定类型的全部事件

3、$().unbind(事件类型,有名函数);         //取消指定类型的指定事件
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: