jquery：click(func)

このイベントの説明

jQueryの click(func) は、HTML要素がクリックされた時のイベントを検知した時の処理を記述します。

構文

セレクタ.click(function(){イベントが発生した時の処理})

利用例

①BOXがクリックされたらBOXの色を変える。

下記のBOXをクリックして下さい。背景色が赤に変わります。

リセットボタンで元に戻ります。

リセット

上記のプログラムは下記で構成されています。

<div class='box' style='cursor:pointer;;border:1px solid black;width:100px;height:100px;'>
</div>
<button class='reset' style='margin-top:10px;'>リセット</button>
<script>
$(function(){
	$('.box').click(function(){
		$('.box').css('background','red');
	});
	$('.reset').click(function(){
		$('.box').css('background','white');
	});
});
</script>

■1～3行目：HTML

■5～12行目：jQuery

参考情報

この click(func) と似たものに click() があります。

これはプログラムでボタンをクリックする時に利用します。

その他の イベント発生のメソッド も参照してください。