jQuery中的bind()函数跟on()函数有什么区别呢

jQuery中的bind()函数跟on()函数有什么区别呢

.bind()与.on()的区别：

（1）是否支持selector这个参数值。由于javascript的事件冒泡特性，如果在父元素上注册了一个事件处理函数，当子元素上发生这个事件的时候，父元素上的事件处理函数也会被触发。

如果使用on的时候，不设置selector，那么on与bind就没有区别了。

（2）on绑定的事件处理函数，对于未来新增的元素一样可以的，和delegate效果相同，而bind则不行。

（3） delegate用法与on()相同，只是参数的顺序不同：扩展资料：用于事件处理程序}).bind(this);}2.on()则实现事件代理, 可以在匹配元素上绑定一个或者多个事件处理函数。

（1） 用来绑定多事件,并且为同一函数，如：$('div').on('click mouseover',function(){//do sth})

;（2）多个事件绑定不同函数，如：$('div').on({'click':function(){//do sth},'mouseover':function(){//do sth}})

;（3）事件代理，如：html:jq:$('#bt1').on('click',function(){$('body').append('');});$('body').on('click','.bt2',function(){console.log('这是bt2');}