jquer addEventListener 时间
时间: 2024-02-22 10:54:05 浏览: 53
jQuery中没有直接的addEventListener方法,而是使用了delegate方法来实现事件监听。delegate方法可以在指定的父元素上监听子元素的事件。下面是一个使用jQuery的delegate方法来监听事件的例子[^2]:
```javascript
// HTML代码
<div id="parent">
<button class="child">Click me</button>
</div>
// JavaScript代码
$(document).ready(function() {
$('#parent').delegate('.child', 'click', function() {
alert('Button clicked');
});
});
```
在上面的例子中,我们使用delegate方法在父元素`#parent`上监听子元素`.child`的点击事件。当点击按钮时,会弹出一个提示框显示"Button clicked"。
需要注意的是,delegate方法在jQuery版本3.0之后被废弃,推荐使用on方法来代替。下面是使用on方法来实现相同功能的例子:
```javascript
// HTML代码
<div id="parent">
<button class="child">Click me</button>
</div>
// JavaScript代码
$(document).ready(function() {
$('#parent').on('click', '.child', function() {
alert('Button clicked');
});
});
```
以上是使用jQuery来实现事件监听的方法,可以提高代码的可读性和维护性。
阅读全文