jquery的监听方法有哪些

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中文网其他相关文章！