jquery：click(func)

このイベントの説明

click(func) は、BOX等の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

参考情報

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