bind与on的区别就在于C事件冒泡，关于jquery中的on与bind绑定事件的区别通过本文给大家实例讲解，需要的朋友参考下吧

on(events,[selector],[data],fn)

• events:一个或多个用空格分隔的事件类型和可选的命名空间，如”click”或”keydown.myPlugin” 。
• selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代.
• data:当一个事件被触发时要传递event.data给事件处理函数。
• fn:该事件被触发时执行的函数。 false 值也可以做一个函数的简写，返回false。
• bind(type,[data],fn)
• 为每个匹配元素的特定事件绑定事件处理函数。
• jQuery 3.0中已弃用此方法，请用 on()代替。
• 参数类型跟前面那个on一样.

bind与on的区别就在于C事件冒泡

demo1:

## 点击相应的li弹出里面内容,这里把on换成bind是一样的没有区别.也就是说on不使用selector属性与bind并无区别   

• 1
• 2
• 3

demo2:

demo3

事件委托的好处

• 万一子元素非常多，给每个子元素都添加一个事件，会影响到性能；
• 为动态添加的元素也能绑上指定事件；

以上所述是小编给大家介绍的jQuery中的on与bind绑定事件区别实例详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

• 在vue中v-bind使用三目运算符绑定class的实例
• Android DataBinding的官方双向绑定示例
• jQuery使用bind函数实现绑定多个事件的方法
• jQuery绑定事件方法及区别(bind,click,on,live,one)
• 详谈jQuery unbind 删除绑定事件 / 移除标签方法
• 浅谈jQuery的bind和unbind事件(绑定和解绑事件)
• jQuery中绑定事件bind() on() live() one()的异同
• jQuery的三种bind/One/Live/On事件绑定使用方法
• Vue.js中用v-bind绑定class的注意事项
• jQuery使用bind动态绑定事件无效的处理方法

依据《信息网络传播权保护条例》第二十二条之规定，即“避风港原则”，本站所有文章及内容系第三方作者上传，如有侵权行为请及时联系本站删除，本站不对内容传播行为承担赔偿责任。