jquery 事件

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值