jQuery 事件绑定-用 bind 还是 on?

作者:vkvi 来源:ITPOW(原创) 日期:2019-5-14

在 jQuery 中 bind、on 一般无区别,但是 on 功能更强大,用 jQuery 的话来说:1.7 版本开始增加了 on,当时 on、bind 都可以使用,5 年后 3.0 发布,已经不推荐使用 bind 了,尽管 bind 还是能够运行。

为什么 on 功能更强大呢?

on 可以比 bind 多个参数,比如:

其实第一行和第二行没啥区别,关键是第三行的写法,有两个优点:

  • 一、如果 tr 是动态创建的,第三行对动态创建的行有效。
  • 二、如果 tr 很多,比如 10000 行, 第三行的写法效率最优。

具体参见:https://api.jquery.com/on/

那么 on("click") 和简写 click() 相比,还有哪些优点呢?

  • 一、on("click")  可以去除事件绑定,用 off()。
  • 二、on() 可以方便地绑定多种事件,比如:on("click mouseover"),而简写方式则需要写很多行,而且有些事件是没有简写的。
相关文章