ホームページ > よくある問題 > jqueryの監視方法にはどのようなものがありますか?

jqueryの監視方法にはどのようなものがありますか?

尊渡假赌尊渡假赌尊渡假赌
リリース: 2023-06-25 09:59:17
オリジナル
3312 人が閲覧しました

jquery には 4 つの主なリスニング メソッドがあります。 1. 「.on」メソッド。単一または複数のイベントを監視でき、将来的に新しく追加される要素にイベントをバインドすることもできますが、古いバージョンの jQuery 2. 主にクリックイベント操作を実行する「.click」メソッド。イベント委任をサポートしておらず、既存の要素にのみ適用できます。3. 古い jQuery が提供する「.bind」メソッドイベントを要素にバインドするバージョンのメソッドは、コードを簡素化するために他の jQuery メソッドと組み合わせて使用​​されますが、イベントの委任はサポートされていません。

jqueryの監視方法にはどのようなものがありますか?

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

jQuery がイベントをリッスンする主なメソッドは、`.on()`、`.click()`、および `.bind()` です。

1. `.on()`

`.on()` は jQuery 1.7 で導入された新しいメソッドであり、以前のメソッドを置き換えるために使用できます。このメソッドは、単一または複数のイベントをリッスンでき、今後新しく追加される要素にイベントをバインドすることもできます。

利点

  • イベントの追加と削除が簡単です;

  • 複数のイベントを同時にバインドできます。 .click () はクリック イベントのみをリッスンできます。例: `$(selector).on({mouseenter: function(){}, Mouseleave: function(){}})`

  • 名前空間を追加できます;

欠点

  • jQuery の古いバージョンではサポートされていません;

  • 古いバージョンでは shim 減衰が必要になる場合がありますブラウザ。

例:

```
$('selector').on('click', function() {
  // code
});
```
ログイン後にコピー

2, `.click()`

`.click()` は主にクリック イベントですオペレーション。

利点

  • 使いやすい。 クリック イベントをリッスンするだけでよい場合、コードは簡潔で理解しやすいものになります。

#欠点

  • イベント委任はサポートされていないため、既存の要素にのみ適用できます;

  • Click イベントのみ。このメソッドを他のイベントにバインドすることはできません。

例:

```
$('selector').click(function() {
  // code
});
```
ログイン後にコピー

3、`.bind()`

`.bind()` は古いものです。 jQuery のバージョン バージョンは、イベントを要素にバインドするためのメソッドを提供します。

利点

  • 他の jQuery メソッドと組み合わせて使用​​すると、コードを簡素化できます;

  • はい 複数のイベントをバインドします。

欠点

イベントの委任はサポートされていません。 既存の要素にのみ使用されます。

例:

```
$('selector').bind('click', function() {
  // code
});
```
ログイン後にコピー

以上がjqueryの監視方法にはどのようなものがありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート