jqueryイベントを追加するにはいくつかの方法があります

jquery イベントを追加する方法は次のとおりです: 1. JavaScript をタグ上で直接使用すると、他のライブラリやファイルを導入せずにコードが簡潔で理解しやすくなります; 2. 「onclick」「onmouseover」などのメソッドを使用します別の JavaScript ファイルに再編成すると、管理と共有が容易になります; 3. 「.bind()」バインディング イベントは複数のイベント ハンドラーを 1 つの要素にバインドできます; 4. 「.on()」バインディング イベントはサポートされます委任 イベント ハンドラーを使用すると、コードの複雑さを軽減できます。

このチュートリアルのオペレーティング システム: Windows 10 システム、jQuery3.6.0 バージョン、Dell G3 コンピューター。

jQuery には、イベント ハンドラーを追加するさまざまな方法が用意されており、そのうちの 4 つを紹介します:

1. ラベル上で JavaScript を直接使用します

   ```HTML
   Click Me
   ```

利点:

• #コードは簡潔で理解しやすいです

#他のライブラリやファイルを導入する必要はありません
欠点:

メンテナンスや再利用には不向き
高結合、JavaScript コードと HTML コードが混在している

   ```HTML
   Click Me
   ```
   ```javascript
   $('#foo').click(function() {
     alert('Hello world!');
   });
   ```

そして直接タグで JavaScript を使用する場合と比較して、コードを別の JavaScript ファイルに再編成できるため、管理と共有が容易になります

• #連鎖呼び出しをサポート

• 欠点:

• 
  

  オブジェクトのメソッドはオブジェクト自体のライフサイクルに依存します
3. `.bind()` を使用してイベントをバインドします

   ```HTML
   Click Me
   ```
   ```javascript
   var foo = function() {
     alert('Hello world!');
   };
   $('#foo').bind('click', foo);
   ```

• 
  

  `$.bind()` および`$.unbind()` メソッドを使用して、イベントの登録/登録解除プロセスを監視できます。

• 欠点:

4 を使用することをお勧めします。イベントをバインドするには `.on()` を使用します

以下は、jQuery の `.on()` メソッドを使用したイベント バインディングのサンプル コードです。

```javascript
$(document).on('click', '#myButton', function() {
  // 事件处理程序
});
```

利点:

• 
  

  追加されたイベント ハンドラーは、`off()` メソッドを通じて削除できます。

• `.on()` メソッドは委任されたイベント ハンドラーもサポートしているため、多数の要素を操作したり要素を動的に追加したりするときに、コードの複雑さが大幅に軽減されます。

• 欠点:

• 
  

  jQuery バージョン 1.7 より前の古いコードでは `.on()` を使用できません。`.bind()` などの他のメソッドを使用する必要があります (このメソッドも将来廃止される予定です) と `.delegate()` に注意する必要があります。

以上がjqueryイベントを追加するにはいくつかの方法がありますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。