jquery怎么绑定事件

来源：互联网 2023-03-16 23:54:12 88

jquery作为应用最广泛的前端js库，它的功能肯定是很齐全的，比如要在工作开发的过程当中，用到jquery的绑定函数，安照一般的做法就是先网络查一下，然后才开始写代码，总觉得这样不是很方便，所以就把jquery怎么绑定事件列出如下

工具/原料

第一步，肯定是先引入jquery库，可以选择下载本地引用，也可以在线引用，如图：

jquery怎么绑定事件？

第二步，看第一种方法，on函数，这个是官方推荐使用的函数，因为其他方法都是内部调用on来完成的，直接使用on可以提高效率，实例如图：

jquery怎么绑定事件？

第三步，看第二种方法，bind函数，bind是使用频率较高的一种，作用就是在选择到的元素上绑定特定事件类型的监听函数，简单示例如下：

jquery怎么绑定事件？

第四步，看第三种方式，live函数，这个函数在1.9版本之后已经删除，所以只能用在1.9版本之前的，具体使用如图：

jquery怎么绑定事件？

第五步，看第四种方法，delegate函数，

delegate(selector,type,[data],fn)

参数多了一个selector，用来指定触发事件的目标元素，监听器将被绑定在调用此方法的元素上，如图：

jquery怎么绑定事件？

第六步，jquery在版本升级的过程中，内容和方法肯定是更新迭代，为更好的服务于开发者，所以各版本肯定有所差异，

bind()-------------------------版本号小于3.0（在Jquery3.0中已经移除，相应unbind()也移除），

live()--------------------------版本号小于1.7（在Jquery1.7中已经移除，相应die()也移除），

delegate()-------------------版本号小于1.7（在Jquery1.7中已经移除），

on()---------------------------版本号大于1.7（在Jquery1.7中添加，相应off()也添加）

jquery怎么绑定事件？

6相关内容未经授权抓取自百度经验

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： JQUERY

上一篇：多个版本的jquery怎么解决$冲突下一篇：jquery .attr()使用方法