【jQuery学习笔记-----jQuery事件命名空间】
2014-04-29 17:09
190 查看
jQuery事件命名空间
jQuery支持事件命名空间,以方便事件管理。例如,在下面的示例中,为div元素绑定多个事件类型,然后使用命名空间进行规范,从而方便管理。所谓事件命名空间,就晨事件类型后面以点语法附加一个别名,以便引用事件,如”click.a”,其中”a”就是click当前事件类型的别名,即事件命名空间如:$(“div”).bind(“click.a”,function(){});
$(“div”).bind(“dbclick.a”,function(){});
$(“div”).bind(“mouseover.a”,function(){});
$(“div”).bind(“mouseout.a”,function(){});
若在所有绑定的事件类型后面附加命名空间,这样在删除事件时,就可以直接指定命名空间。如$(“div”).unbind(“.a”);
同样,如果相同的事件类型设置不同的命名空间,如果仅删除某一个事件处理程序,则只需要指定命名空间即可。
另外,在trigger()方法中,如果事件类型后面附加感叹号,则表示触发不包含命名空间的特定事件类型。
$(“div”).bind(“click”,function(){});
$(“div”).bind(“click.a”,function(){});
$(“div”).trigger(“click!”)//注意click类型后面的感叹号,它将触发第一个注册
多事件绑定
对于同一个对象的多个事件,可以连写的形式串在一起。$(“div”).bind().bind()…
自定义事件
jQuery支持自定义事件,所有自定义事件都可以通过jQuery方法触发,例如下面的示例自定一个Delay事件类型,并把它绑定到input元素对象上,然后在按钮单击事件中触发自定义事件$(“input”).bind(“delay”,function(event){
setTimeout(function(){
alert(event.type);
},1000);
});
$(“input”).click(function(){
$(“input”).trigger(“delay”); //触发自定义事件
});
自定义事件不是真正意义上的事件,可以把它理解为自定义函数,触发自定义事件就相当于调用自定义函数。
相关文章推荐
- C++学习笔记6--高级强制类型转换 命名空间和模块化编程 C预处理器 链接和作用域 函数模板 类模板 内联模板 容器和算法
- [XML]学习笔记(四)——命名空间
- jQuery 自定义事件以及命名空间
- js学习笔记(二):JQuery中的On绑定事件的方法
- jQuery绑定事件的命名空间
- 学习笔记----命名空间
- 学习笔记——XML Schema简介及命名空间
- JQuery学习笔记-JQuery中的事件
- 菜鸟学习笔记4——jquery事件
- Jquery学习笔记:事件处理基础介绍
- PHP命名空间学习笔记
- jquery的事件命名空间详解
- c++primer学习笔记-----3.1命名空间的using 声明
- jQuery 事件的命名空间
- Python学习笔记:作用域和命名空间
- Laravel5.1 学习笔记1, 目录结构和命名空间(待修)
- jQuery学习笔记(五 )——基本事件
- jQuery学习笔记(五六)——高级事件
- SpringMVC4 学习笔记(八) 【命名空间】
- JQuery学习笔记(4)JQuery中的事件和动画