jQueryでclick()メソッドを使用する方法-jsチュートリアル-php.cn

jQueryでclick()メソッドを使用する方法

不言

リリース： 2018-12-27 16:06:11

オリジナル

8899 人が閲覧しました

jQueryでclick()メソッドを使用する方法でclick()メソッドを使用する方法のclick()メソッドはボタンをクリックした際に発生するイベントによく使われますので、今回はjQueryでclick()メソッドを使用する方法でclick()メソッドを使用する方法のclick()の具体的な使い方を紹介します。

jQueryでclick()メソッドを使用する方法でclick()メソッドを使用する方法

まず click() メソッドとは何なのか見てみましょう ?

jquery メソッドは通常、次の関数を使用して記述されます。

$(function(){
　　//处理的内容　
});

ログイン後にコピー

しかし、このプログラムではページのリロード時にコードが実行される(トリガーとも言う)ため、jQueryでclick()メソッドを使用する方法でclick()メソッドを使用する方法本来の目的である動的にページを変更するという目的は達成できません。

このため、jQueryでclick()メソッドを使用する方法でclick()メソッドを使用する方法はいつ起動するかを指定する方法を提供します。 click メソッドは、指定されたボタンが押されたときに呼び出されるプロセスを作成します。

以下クリックメソッドを記述します

$(function(){
  $(“选择器”).click(function(){
    //处理的内容
  });
});

ログイン後にコピー

セレクターを使用してボタンを指定した後、クリックメソッドを呼び出します。

クリックメソッドのパラメーターを使用して関数を呼び出し、関数の内容を実行します。

具体的な例を見てみましょう

ボタンをクリックすると文字が大きくなります

コードは次のとおりです

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script>
      $(function() {
        $("button").click(function() {
          $(".big").css("font-size", "50px");
        });
      });
    </script>
  </head>
  <body>
   <button>button</button>
   <p class="big">big</p>
  </body>
</html>

ログイン後にコピー

セレクターを使用しますボタンを指定し、CSSメソッドを使用してフォントサイズを大きくします。

#実行結果は以下の通りです

jQueryでclick()メソッドを使用する方法でclick()メソッドを使用する方法 #ボタンをクリックすると下の文字が大きくなります