jquery イベントを追加する方法は次のとおりです: 1. JavaScript をタグ上で直接使用すると、他のライブラリやファイルを導入せずにコードが簡潔で理解しやすくなります; 2. 「onclick」「onmouseover」などのメソッドを使用します別の JavaScript ファイルに再編成すると、管理と共有が容易になります; 3. 「.bind()」バインディング イベントは複数のイベント ハンドラーを 1 つの要素にバインドできます; 4. 「.on()」バインディング イベントはサポートされます委任 イベント ハンドラーを使用すると、コードの複雑さを軽減できます。
このチュートリアルのオペレーティング システム: Windows 10 システム、jQuery3.6.0 バージョン、Dell G3 コンピューター。
jQuery には、イベント ハンドラーを追加するさまざまな方法が用意されており、そのうちの 4 つを紹介します:
1. ラベル上で JavaScript を直接使用します
```HTML <button onclick="alert('Hello world!')">Click Me</button> ```
利点:
```HTML
<button id="foo">Click Me</button>
```
```javascript
$('#foo').click(function() {
alert('Hello world!');
});
```
利点:
```HTML <button id="foo">Click Me</button> ``` ```javascript var foo = function() { alert('Hello world!'); }; $('#foo').bind('click', foo); ```利点: 複数のイベント ハンドラーを 1 つの要素にバインドできる
以下は、jQuery の `.on()` メソッドを使用したイベント バインディングのサンプル コードです。
```javascript $(document).on('click', '#myButton', function() { // 事件处理程序 }); ````.on()` メソッドは 3 つのパラメーターを受け入れることができます。最初のパラメータは監視/バインドされるイベント タイプ、2 番目のパラメータは応答要素のセットを制限するために使用されるオプションのセレクタ文字列または DOM ノード、3 番目のパラメータはコールバック関数、つまりイベントの発生時です。実行するアクション。
利点:
以上がjqueryイベントを追加するにはいくつかの方法がありますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。