jquery 事件绑定

bind():隐式迭代  语法:$(selector).bind(event,func)

// 绑定匿名函数
$("div p").bind("click",function(){
    //需要执行的js
});

// 绑定指定函数
$("div p").bind("click",funcname(params)});

// 绑定click事件
$("div p").click(function(){
    //需要执行的js
});

delegate() 事件委托 + 事件冒泡为父元素绑定事件

        语法:$(selector).delegate("selector-c",event,fun);

<div>
    <p>子元素</p>
<div>

$("div").delegate("p","click",function(){   
     //要执行的js代码   
});

on()  语法:

        1. $(selector).on(event,"selector-c",fun);

        2. $(selector).on(event,fun)          

移除事件绑定  

        $(seletor).unbind(event,handler) 

        $(seletor).undelegate(selectot-c,event,handler) 

        $.(seletor).off(event,selector,handler)

总结

1.选择器匹配到的元素比较多时,不要用bind()隐式迭代绑定

2.用id选择器时,可以用bind()

3.需要给动态添加的元素绑定时,用delegate()或者on()

4.用delegate()和on()方法,document 树不要太深

5.尽量使用on()

        

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值