绑定事件 | bind(type,[data],fn) | 为每一个匹配元素绑定事件(可以多个)处理程序 |
one(type,[data],fn) | 绑定事件在执行一次相应之后就失效 | |
快捷方法绑定 | 可以直接使用它们进行绑定,但无法向event.data传送额外数据 |
常见快捷方法绑定函数如下:
blur() | change() | click() | dbclick() | error() | focus() | keydown() |
keypress() | keyup() | load() | mousedown() | mousemove() | mouseout() | mouseover() |
mouseup() | resize() | scroll() | select() | submit() | unload() |
注销事件 | unbind(“事件类型”, 处理函数) | 1、指定参数,则删除匹配的元素的该事件参数 2、没指定元素,则删除所有绑定参数 |
触发事件 | trigger(type,[data]) | |
切换事件 | toggle(function1(),function[n]()) | 为click事件绑定多个事件处理函数 |
hover(function1(),function[n]()) | 模仿悬停事件,并绑定多个事件处理函数 | |
委派事件 | live(“事件类型",[data],function()) | 为所有当前以及未来将会匹配的元素绑定一个事件处理函数 |
移除委派事件 | die(“事件类型”,function() ) | 移除live()绑定的事件,不带参数,则移除所有live |
事件命名空间
使用(.别名)为事件添加个别名,方便管理
$("div”).bind(“click.a”,function()) –> $("div”).unbind(“.a”)
PS:在trigger()方法中,如果事件类型附加感叹号,如$("div”).trigger(“click!”),则表示触发所有不包含命名空间的特定事件类型
多事件绑定
以连写的形式简化代码:
类型一:
$(function(){
$("div").bind("click", function(){
$("body").append("<p>click事件1</p>");
}).bind("click", function(){
$("body").append("<p>click事件2</p>");
});
})
类型二:
$(function(){
$("div").bind("mouseover mouseout", function(event){
$("body").append(event.type + "<br />");
});
})