ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryでclick()メソッドを使用する方法

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

不言
不言オリジナル
2018-12-27 16:06:118911ブラウズ

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()メソッドを使用する方法#ボタンをクリックすると下の文字が大きくなります

#この記事はここで終わります。さらに興味深い内容については、PHP 中国語 Web サイトの関連チュートリアルのコラムを参照してください。 ! ! jQueryでclick()メソッドを使用する方法でclick()メソッドを使用する方法

以上がjQueryでclick()メソッドを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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