1. bing:.bind(events [,eventData], handler);
.bind()是最直接的绑定方法 ,会绑定事件类型和处理函数到DOM element上, 这个方法是存在最久的,而且也很好的解决了浏览器在事件处理中的兼容问题。其特点是使用简单方便,
但是其缺点是多个元素同时绑定同一个事件时,触发底层事件时上层事件也会同步触发,同时它也无法绑定其后动态加载的元素,绑定元素过多时还会产生效率问题;
2. on:.on(events [,selector] [,data], handler);
而on()方法则不会出现这个问题,它可以绑定动态加载的元素,没有bing()的束缚,其利用事件冒泡,将子元素的事件委托给父元素进行事件处理,避免了子元素过多可囊会造成的性能问题
.on方法比.bind方法多一个参数'selector'.on的selector参数是筛选出调用.on方法的dom元素的指定子元素。使其更加灵活易用。
其实.bind()方法也是通过on()方法实现的;