jquery はイベントを複数の要素にバインドできます。バインド方法: セレクターを使用して要素を選択する場合、要素セレクターをカンマで区切ってイベントを複数の要素にバインドし、複数のセレクターの混合使用をサポートします。構文は「$(要素 1, 要素 2, 要素 3.. .).Event (イベントハンドラー関数)」。
このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。
開発プロセス中に、テーブル内の各行または列に同じイベントをバインドすることに遭遇しました。使用されるメソッドは jquery です。列要素を走査し、foreach を使用してイベントを各セルにバインドします。今日説明するのは、異なる要素に対して同じクリック イベントをインタラクティブにトリガーするバインド方法です。
具体的な方法は次のとおりです:
1 2 3 |
|
セレクターを使用して要素を選択する場合は、英語のカンマを使用して要素を区切ります。同時にセレクターの混合使用がサポートされているため、同じイベントはさまざまな要素にバインドできます。
例は次のとおりです:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
|
出力結果:
##関連ビデオ チュートリアルの推奨事項:以上がjqueryはイベントを複数の要素に同時にバインドできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。