首頁 > 常見問題 > jquery的監聽方法有哪些

jquery的監聽方法有哪些

尊渡假赌尊渡假赌尊渡假赌
發布: 2023-06-25 09:59:17
原創
3312 人瀏覽過

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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板