jqueryon()方法，jquery中on的用法

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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

bind（）方法为每个匹配元素的特定事件绑定事件处理函数。bind（）方法的底层逻辑是on（）方法。 .bind() 方法是用于往文档上附加行为的主要方式。所有JavaScript事件对象，比如focus， mouseover，和 resize，都是可以作为type参数传递进来的。

bind()：为每个匹配元素的特定事件绑定事件处理函数。bind(type，[data]，fn)type：含有一个或多个事件类型的字符串，由空格分隔多个事件。比如click或submit，还可以是自定义事件名。

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

event）{}）。live（）方法：与delegate（）方法类似，但它适用于动态添加的元素。例如：javascript$（document）.live（eventType，function（event）{}）。on（）方法：是jQuery7及以上版本提供的新方法，用于在匹配选择器的元素上绑定一个或多个事件处理函数。

绑定较为死板，不能给事件单独绑定函数，适合处理多个事件调用同一函数情况；大括号替代方式：绑定较为灵活，可以给事件单独绑定函数；data：可选；需要传递的参数；function：必需；当绑定事件发生时，需要执行的函数；适用所有版本，但是根据官网解释，自从jquery7版本以后bind()函数推荐用on()来代替。

肯定是先引入jquery库，可以选择下载本地引用，也可以在线引用。on函数，这个是官方推荐使用的函数，因为其他方法都是内部调用on来完成的，直接使用on可以提高效率。bind函数，bind是使用频率较高的一种，作用就是在选择到的元素上绑定特定事件类型的监听函数。

相关问答

Q1: jquery中on()方法和live()方法的区别

其中，on 是 jQuery 7 之后引入的，支持事件绑定的全部功能；live 是在 DOM 加载完成后立即执行的，不支持动态添加的元素；delegate 是在事件发生时委托给一个指定的元素来处理事件。这三种方法都可以实现事件委托，但是使用场景不同。

)函数两者类似，但是live()函数在执行速度，灵活性和CSS选择器支持方面较delegate()差些；bind()支持Jquery所有版本；live()支持jquery8-；delegate()支持jquery2+；on()支持jquery7+。结论：如果项目中引用的jquery版本为低版本，推荐用delegate()，如果是高版本jquery则建议用on()。

这2个方法在早期的jquery版本中比较常见，最新版本的jquery已经使用on取代了他们。区别：bind是在页面加载完成之后只对DOM进行一次绑定 live会在每次事件冒泡过程中都会监听绑定的事件。

Q2: 请问jquery中$(element).click()、$(element).on(click,function...

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

2、(function(){//TODO：这里的内容表示js只有在DOM元素全部加载结束后才会执行})；如上面注释中说明的，js在浏览器渲染页面时是按照在文档中出现的顺序来顺序执行的。因此如果js文件在部分引入，那么文件中的js代码会在dom元素渲染完毕前就执行。

3、差别很大，首选JQ的并不是直接发生的点击事件，而是通过绑定事件实现，这样做的好处是，可以同时绑定一个或者多个事件，其次里面传入了event，这个时候能做的事情更多，比如捕捉鼠标位移，实现拖动效果等，而后面的只是单纯的点击事件，没有什么特殊作用。

4、click本身是方法作用是触发onclick事件，只要执行了元素的click()方法，就会触发onclick事件。click()方法的主要作用是触发调用click方法元素onclick事件，实际上是模拟了鼠标的点击动作。此外，如果在click括号内定义了其他可执行语句，则click方法会在执行完onclick事件之后执行括号内部的语句。

jqueryon()方法的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jquery中on的用法、jqueryon()方法的信息别忘了在本站进行查找喔。