ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryでボタンをクリックするかどうかを判断する方法

jqueryでボタンをクリックするかどうかを判断する方法

coldplay.xixi
coldplay.xixiオリジナル
2020-11-16 15:38:144751ブラウズ

ボタンをクリックするかどうかを決定する Jquery メソッド: 最初にファイルを作成し、button タグを使用して 3 つのボタンを作成します。次に、[$(this)] を通じて現在クリックされているボタン オブジェクトを取得します。最後に [attr ()] メソッド クリックされたボタンの ID を取得して、どのボタンがクリックされたかを判断します。

jqueryでボタンをクリックするかどうかを判断する方法

推奨: 「jquery ビデオ チュートリアル

jquery を使用してボタンをクリックするかどうかを決定する方法:

1. jQuery がどのボタンがクリックされたかを判断する方法を説明するために、test.html という名前の新しい HTML ファイルを作成します。

jqueryでボタンをクリックするかどうかを判断する方法

2.test.html ファイルに jquery.min.js ライブラリ ファイルを導入し、ファイルを正常にロードしてから、jquery のメソッドを使用できるようにします。

jqueryでボタンをクリックするかどうかを判断する方法

3. test.html ファイルの p タグ内で、button タグを使用して 3 つのボタンを作成します。ボタン名は「Button 1」と「Button 2」です。 ". 、"Button 3" と入力し、3 つのボタンのクラス属性を btn に設定します。

jqueryでボタンをクリックするかどうかを判断する方法

4. test.html ファイルで、ボタン タグの id 属性を btn1、btn2、btn3 に設定します。これは主に jquery を通じて ID を取得するために使用されます。以下のボタンをクリックして判定を行ってください。

jqueryでボタンをクリックするかどうかを判断する方法

##5. test.html ファイル内に <script></script> タグを記述します。このタグ内にページの JS ロジック コードが記述されます。

jqueryでボタンをクリックするかどうかを判断する方法

#6. js タグでは、ready() メソッドを通じてページが開かれるときに、$ 記号を使用してクラス名 btn を通じてボタン オブジェクトを取得します。次に、bind() メソッドを使用して、各ボタン ボタンがクリック イベントにバインドされます。ボタンがクリックされると、現在クリックされているボタン オブジェクトが $(this) を通じて取得され、attr() メソッドを使用してボタンの ID が取得されます。クリックされたボタンとidをalert()メソッドで出力することで、どのボタンがクリックされたかを判定する実装です。

jqueryでボタンをクリックするかどうかを判断する方法

7. test.html ファイルをブラウザで開き、 ボタンをクリックすると判定結果が表示されます。

jqueryでボタンをクリックするかどうかを判断する方法

関連する無料学習の推奨事項: JavaScript(ビデオ)

以上がjqueryでボタンをクリックするかどうかを判断する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。