jQuery学习笔记之jQuery的事件

一.事件绑定

1.事件绑定函数
事件的绑定函数为如下形式：
.bind(type [,data],fn)
type:类型 如click.....
data:参数
fn:事件执行的函数

例子
复制代码 代码如下:
$(function(){
$(#id1).click(function(){
$(#id2).show();//id2显示
}) ;
});

二.合成事件
1.鼠标滑过事件
.hover(enter,leave)
enter:鼠标光标移动到对象时触发的函数
leave:鼠标光标移出对象触发的函数

例子：
复制代码 代码如下:
$(function(){
$(#id1).hover(function(){
$(#id2).show();//id2显示
},function(){
$(#id2).hide();//id2隐藏
}) ;
});


2.连续单击事件
.toggle(fn1,fn2.......,fnN)
fn：单击第一次执行fn1,第二次fn2,以此类推

"codetitle">复制代码 代码如下:
$(function(){
$(#id1).bind("click",fn1=function(){alert(“事件1”);})

.bind("click",fn2=function(){alert(“事件2”);});
.bind("click",fn3=function(){alert(“事件3”);});
});

$("#id2").click(function(){
$(#id1).unbind("click",fn2);//删除fn2的click事件
});

六.其他操作
1.绑定多个事件
.bind(type [,data],fn).bind(type [,data],fn)...... ;
.bind(type type..... [,data],fn) ;
2.添加事件命名空间
.bind(type.namespace [,data],fn) ;
使用时只需指定命名空间即可，如：$(#id1).unbind(".namespace")