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中文網其他相關文章！