jquery的监听方法主要有4种:1、“.on”方法,可以监听单一或多个事件,也能够为未来新添加的元素绑定事件,但是老版jQuery不支持;2、“.click”方法,主要进行点击事件操作,不支持事件委托,只能应用于已有的元素上;3、“.bind”方法,旧版jQuery版本提供用来绑定事件到元素上的方法,与其他的jQuery方法搭配使用能使代码更为简化,不支持事件委托。
本教程操作系统:Windows10系统、jQuery3.6.0版本、Dell G3电脑。
jQuery 监听事件的方法主要为 `.on()`, `.click()`和 `.bind()`
1、`.on()`
`.on()` 是 jQuery 1.7 引进的新方法,可以用来代替之前的方法。这个方法可以监听单一或多个事件,也能够为未来新添加的元素绑定事件。
优点
增加和删除事件很容易;
可以同时绑定多个事件,不像 .click() 只能监听 click 事件。例如:`$(selector).on({mouseenter: function(){}, mouseleave: function(){}})`
可以添加命名空间;
缺点
老版本 jQuery 不支持;
在古老的浏览器中可能需要 shim 衰减。
示例:
``` $('selector').on('click', function() { // code }); ```
2、`.click()`
`.click()` 主要进行点击事件操作。
优点
简单使用; 在一些只需要监听 click 事件时,代码会简洁和易于理解。
缺点
不支持事件委托,只能应用于已有的元素上;
只有 Click 事件,不能让这个方法绑定其它的事件。
示例:
``` $('selector').click(function() { // code }); ```
3、`.bind()`
`.bind()` 是旧版 jQuery 版本提供用来绑定事件到元素上的方法。
优点
当与其他的 jQuery 方法搭配使用的时候,能使代码更为简化;
可以绑定多个事件。
缺点
不支持事件委托; 只用于已经存在的元素。
示例:
``` $('selector').bind('click', function() { // code }); ```
以上是jquery的监听方法有哪些的详细内容。更多信息请关注PHP中文网其他相关文章!