1、事件的绑定。
jQuery中给div绑定事件:
语法 : bind(type [,data] , fn);
$('div').bind('click',function(type,[data],fn){
.........
});
type: 事件类型;
data:会赋值给event.data
fn: 事件处理函数
2、JQuery中移除绑定的事件。
语法:unbind(type [, data], fn)
$('div').unbind('click',function(){
.........
});
3、绑定自定义事件。
语法:bind(“自定义事件” , fn)
$('div').unbind('myclick',[data],function(){
alert(a);
});
触发自定义事件:
trigger(“myclick“); //弹出a
4、JQuery合成事件。
jQ里有两个合成事件----hover( )方法和toggle( )方法
(1)hover()方法
语法:hover(fn1,fn2); 鼠标进入时执行fn1,鼠标离开时执行fn2
(2)toggle( )方法(1.9以上的jQuery都删除了这个方法)
语法:toggle(fn1,fn2,….fnN);鼠标点击时,依次循环执行fn1,fn2,fn3....fn1,fn2...
5、事件对象。
事件对象存储了和事件相关的信息。jquery处理了其中的兼容问题
$('body').click(function(e){
alert(e);//e即为事件对象
})
常用事件对象的属性:
阻止冒泡:e.stopPropagation()
阻止默认行为:e.preventDefault();
事件类型:e.type
触发事件的元素:e.target
相对文档的坐标:e.pageX/e.pageY