jquery bind()与unbind()用法
2015-11-11 15:24
429 查看
jquery bind()事件用于绑定某个事件,例如click事件。
jquery unbind()事件必须先使用bind()事件后才会生效。
业务场景:
当需对某个按钮添加单击事件,为了控制重复点击,需点击完后立马去掉单击事件。
做法1:采用bind()和unbind()事件。
$(function(){
$('#btn').bind('click', aa);
});
function aa(){
$("#btn").unbind("click");
...
//在需要重新绑定点击事件时
$('#btn').bind('click', aa);
}
优点:基本兼容所有浏览器
做法2:
在button按钮上添加onclick事件。
点击onclick后调用aa()方法。
function aa(){
$("#btn").removeAttr("onclick");
...
//在需要重新绑定点击事件时
$("#btn).attr("onclick“,"aa()");
}
缺点:在IE7及以下不兼容。
jquery unbind()事件必须先使用bind()事件后才会生效。
业务场景:
当需对某个按钮添加单击事件,为了控制重复点击,需点击完后立马去掉单击事件。
做法1:采用bind()和unbind()事件。
$(function(){
$('#btn').bind('click', aa);
});
function aa(){
$("#btn").unbind("click");
...
//在需要重新绑定点击事件时
$('#btn').bind('click', aa);
}
优点:基本兼容所有浏览器
做法2:
在button按钮上添加onclick事件。
点击onclick后调用aa()方法。
function aa(){
$("#btn").removeAttr("onclick");
...
//在需要重新绑定点击事件时
$("#btn).attr("onclick“,"aa()");
}
缺点:在IE7及以下不兼容。
相关文章推荐
- jquery $(document).ready() 与window.onload的区别
- jQuery实现页面详情展开收起
- 每个程序员都会的 35 个 jQuery 小技巧
- 用jquery.form实现多个submit按钮提交
- jquery事件对象属性
- jquery Ajax笔记
- jQuery判断checkbox是否选中的3种方法
- Jquery一个弹出各种类型层组件
- jQuery $.each用法
- jQuery官方文档对Ajax中get和post方法的解释
- jQuery插件markitup轻量级的文本编辑器
- Jquery弹出Alert,Confirm,Prompt对话窗
- jQuery实现页面背景随机切换
- jquery分页点击后页面置顶
- jQuery api 快速参考[转]
- jQuery实现购物车物品数量的加减
- 每个程序员都会的 35 个 jQuery 小技巧
- 三、jQuery--jQuery实践--瀑布流布局
- jQuery focus、blur事件 添加、删除类名
- jquery插件