首页 > 常见问题 > 正文

jquery的监听方法有哪些

尊渡假赌尊渡假赌尊渡假赌
发布: 2023-06-25 09:59:17
原创
3297 人浏览过

jquery的监听方法主要有4种:1、“.on”方法,可以监听单一或多个事件,也能够为未来新添加的元素绑定事件,但是老版jQuery不支持;2、“.click”方法,主要进行点击事件操作,不支持事件委托,只能应用于已有的元素上;3、“.bind”方法,旧版jQuery版本提供用来绑定事件到元素上的方法,与其他的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中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板