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中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
602
