Events/API/jQuery
click(fn)
各要素のclickイベントに関数をbindします。
clickイベントは通常、要素がマウスなどのポインティングデバイスでクリックされた場合に呼び出されます。
クリックは、mousedownとmouseupの組み合わせで定義されます。これらのイベントの実行順は、以下のようになります。
jQueryのイベントは、コールバック関数の最初の引数でjQuery.Eventオブジェクトを受け取ることができます。このオブジェクトを使って、規定のイベント動作のキャンセルや、バブリングの抑制などを行います。
clickイベントは通常、要素がマウスなどのポインティングデバイスでクリックされた場合に呼び出されます。
クリックは、mousedownとmouseupの組み合わせで定義されます。これらのイベントの実行順は、以下のようになります。
- mousedown
- mouseup
- click
jQueryのイベントは、コールバック関数の最初の引数でjQuery.Eventオブジェクトを受け取ることができます。このオブジェクトを使って、規定のイベント動作のキャンセルや、バブリングの抑制などを行います。
サンプル
サンプル1
p要素がクリックされる度に、その要素を消していきます。
<p>First Paragraph</p> <p>Second Paragraph</p> <p>Yet one more Paragraph</p>
$("p").click(function () {
$(this).slideUp();
});
$("p").hover(function () {
$(this).addClass("hilite");
}, function () {
$(this).removeClass("hilite");
});
[全コードを表示]
[実行結果を単体で表示]