jquery绑定事件、事件对象、事件委派(代理)原理

169 阅读1分钟
绑定
    bind()方法
        方法:bind(“事件名称”,处理函数());
    
解绑
    unbind():如果需要移除绑定在元素上的事件,可以使用不带参数的unbind()方法
        
    标记.click(function(){
        标记.unbind();
    })

    $(function(){
            $(".one").bind("mouseover mouseout",function(){
                $(this).append("<span>newspan</span>");
            })
            $(".two").click(function(){
                $(".one").unbind("mouseout");
            })
        })
        
    on("事件名",["后代"],[data],处理函数)
    
    off("事件名"[,处理函数]);
        使用on()进行事件绑定
        使用on()进行事件委派
        
    delegate("后代元素""事件"[,data],处理函数);//绑定同时委派undelegate("事件")
    
事件对象
    js事件对象:
    document.querySelector(".one").onclick=function(){//function事件处理函数、onclick事件
        var e=window.event || e;//事件对象
    }
    
    jquery事件对象
    $("div").click(funcction(){
        consloe.log(event.clientX);
    })
    
事件委派(代理)原理:
    因为存在事件冒泡,用事件冒泡的原理,给最高级的元素添加事件,通过if判断来确定事件对象,使相应的元素触发对应事件