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(事件类型,有名函数); //取消指定类型的指定事件
$().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(事件类型,有名函数); //取消指定类型的指定事件
相关文章推荐
- jQuery 中的事件绑定与取消绑定
- jquery中取消和绑定hover事件的正确方式
- jquery 取消绑定事件
- jquery中取消和绑定hover事件的实现代码
- jquery中取消绑定事件unbind不起作用
- jQuery 文本框事件绑定与取消代码
- jquery中取消和绑定hover事件的正确方式
- jQuery实现按钮只点击一次后就取消点击事件绑定的方法
- js/jquery 事件绑定与取消
- jquery中取消和绑定hover事件的正确方式
- 四,jquery事件绑定(bind)和取消事件(unbind)
- jquery取消和绑定事件
- jQuery中对自身内部的事件取消绑定
- jquery中取消和绑定hover事件的正确方式
- jquery中取消和绑定hover事件的正确方式
- jQuery实现按钮只点击一次后就取消点击事件绑定的方法
- jQuery 控件事件的绑定和取消操作
- jQuery 文本框事件绑定与取消代码
- jquery中取消hover事件绑定
- jQuery 控件事件的绑定和取消操作