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()
550

被折叠的 条评论
为什么被折叠?



