jquery里面的on jquery on函数

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

1、.bind()是直接绑定在元素上 .live()则是通过冒泡的方式来绑定到元素上的。更适合列表类型的，绑定到document DOM节点上。和.bind()的优势是支持动态数据。

成都创新互联专业为企业提供台江网站建设、台江做网站、台江网站设计、台江网站制作等企业网站建设、网页设计与制作、台江企业网站模板建站服务，10多年台江做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

2、function：必需；当绑定事件发生时，需要执行的函数；适用所有版本，但是根据guan 网解释，自从jquery7版本以后bind()函数推荐用on()来代替。

3、jquery的click表示点击事件，这个很好理解，on和bind都是表示绑定一个事件，bind是jquery7以前的版本方法，从7开始，推出了on方法表示绑定，bind()，live()和delegate()都用了on()来表示，所以说on是bind的替代者。

这里说明on与live这俩方法的区别，on方法是在JQuery9中出现的，来代替live的，所以如果你的JQuery包版本较低的话就用live方法。

在jQuery7中 .delegate()已被.on()取代。对于早期版本，它仍然使用事件委托的最有效手段。在事件绑定和委派，delegate()和on在一般情况下，这两种方法是等效的。

jquery的click表示点击事件，这个很好理解，on和bind都是表示绑定一个事件，bind是jquery7以前的版本方法，从7开始，推出了on方法表示绑定，bind()，live()和delegate()都用了on()来表示，所以说on是bind的替代者。

.on()方法事件处理程序到当前选定的jQuery对象中的元素。

2、大括号替代方式：绑定较为灵活，可以给事件单独绑定函数；data：可选；需要传递的参数；function：必需；当绑定事件发生时，需要执行的函数；适用所有版本，但是根据guan 网解释，自从jquery7版本以后bind()函数推荐用on()来代替。

3、如果使用on的时候，不设置selector，那么on与bind就没有区别了。（2）on绑定的事件处理函数，对于未来新增的元素一样可以的，和delegate效果相同，而bind则不行。

4、作用不同 on()：在被选元素及子元素上添加一个或多个事件处理程序。live()：为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。

5、jquery的click表示点击事件，这个很好理解，on和bind都是表示绑定一个事件，bind是jquery7以前的版本方法，从7开始，推出了on方法表示绑定，bind()，live()和delegate()都用了on()来表示，所以说on是bind的替代者。

6、两者区别是seleter和events顺序不同 delegate和on方法被选元素的子元素必须是合法的子元素。

两者区别是seleter和events顺序不同 delegate和on方法被选元素的子元素必须是合法的子元素。on(events，[selector]，[data]，fn)，参数[selector]是可选，一个选择器字符串用于过滤器的触发事件的选择器元素的后代。

delegate用于事件委托，也是绑定过JavaScript或者jQuery添加的DOM元素事件。

data：可选；需要传递的参数；function：必需；当绑定事件发生时，需要执行的函数；适用所有版本，但是根据guan 网解释，自从jquery7版本以后bind()函数推荐用on()来代替。

更适合列表类型的，绑定到document DOM节点上。和.bind()的优势是支持动态数据。

分享文章：jquery里面的on jquery on函数
网页地址：http://hbruida.cn/article/dieiehj.html