【jQuery】要素をクリックした時に処理を実行する方法

f:id:ume1017:20201013180721j:plain


 

現在プログラミングスクールに通い 

70日間でWEBエンジニアになれるよう勉強中です!

 

本日はjQueryのclickイベントの使い方について

書きたいと思います!

 

■clickイベントとは?

簡単に言うと、要素をクリックした時に

指定の処理を実行するイベントのことです。

 

WEBサイトとかでボタンをクリックすると

表示されてる文字が変わったりすることがあるかもしれません。

そのような実装をする際にclickイベントを使用します。

 

■サンプルコード

$('セレクタ').click(function(){
//クリックした時に実行したい処理
});

 

※クリックした時に要素の色を変えたい時

$('セレクタ').click(function(){
//クリックした時に実行したい処理
$('セレクタ').css('color','red')
});