click(fn)

説明補足説明コードコメント投稿

このサンプルは、jQueryのclick(fn)APIを利用してdiv要素をクリックしたときに要素を消しています。サンプルの正方形をクリックするとclick時のイベントハンドラで正方形を消します。正方形にマウスを移動すると背景色が「赤」に変わります。

このサンプルは、jQueryのclick(fn)APIを利用してdiv要素をクリックしたときに要素を消しています。サンプルの正方形をクリックするとclick時のイベントハンドラで正方形を消します。正方形にマウスを移動すると背景色が「赤」に変わります。

click(fn)
click()APIは、html要素をクリックしたときに発生するイベントを登録することができます。click()APIの引数fnには、click時のイベントが発生したときにコントロールを渡す関数名を指定します。この引数を省略するとブラウザのclick処理を実行します。ここでは、div要素をクリックしたときにslideUp()APIを実行して要素を消しています。

$("div").click(function() {
  $(this).slideUp();
});

<div></div>
<div></div>
<div></div>