jQuery中on()方法用法实例详解
本文实例分析了jQueryon()方法的用法。分享给大家供大家参考。具体分析如下:
一、jQueryon()方法的使用:
on(events,[selector],[data],fn)
events:一个或多个用空格分隔的事件类型和可选的命名空间,如"click"或"keydown.myPlugin"。
selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择器为null或省略,当它到达选定的元素,事件总是触发。
data:当一个事件被触发时要传递event.data给事件处理函数。
fn:该事件被触发时执行的函数。false值也可以做一个函数的简写,返回false。
二、jQueryon()方法的优点:
1、提供了一种统一绑定事件的方法
2、仍然提供了.delegate()的优点,当然如果需要你也可以直接用.bind()
三、与.bind(),.live(),.delegate()的比较:
1、其实.bind(),.live(),.delegate()都是通过.on()来实现的
bind:function(types,data,fn){ returnthis.on(types,null,data,fn); }, unbind:function(types,fn){ returnthis.off(types,null,fn); },
live:function(types,data,fn){ jQuery(this.context).on(types,this.selector,data,fn); returnthis; }, die:function(types,fn){ jQuery(this.context).off(types,this.selector||"**",fn); returnthis; },
delegate:function(selector,types,data,fn){ returnthis.on(types,selector,data,fn); }, undelegate:function(selector,types,fn){ //(namespace)or(selector,types[,fn]) returnarguments.length===1?this.off(selector,"**"):this.off(types,selector||"**",fn); }