.click()

http://api.jquery.com/click/

要素のclickイベントに実行させたい関数を指定します。

.click( handler(eventObject) ) 1.0追加
.click( [eventData], handler(eventObject) ) 1.4.3追加
.click() 1.0追加
デモ

このメソッドは、1つ目と2つ目は.bind('click', handler)への、引数なしの3つ目は.trigger('click')へのショートカットです。

clickは、次の条件で発生するイベントです。

要素内にマウスポインタがある状態で、マウスボタンが押される
次にそのまま要素内にマウスポインタがある状態で、マウスボタンを離される

ほとんどの要素がこのイベントを受け取る事が出来ます。

.click( handler(eventObject) ) 1.0追加

戻り値:jQuery

要素のclickイベントに実行させたい関数を指定します。

引数	説明
handler(eventObject)	イベントが発生した際に、実行したい処理を関数として指定します。

$('#target').click(function() {
  alert('clickイベントが発生しました。');
});

.click( [eventData], handler(eventObject) ) 1.4.3追加

戻り値:jQuery

要素のclickイベントに実行させたい関数を指定します。

引数	説明
[eventData]	マップ値を指定することで、データをイベントハンドラーに渡すことが出来ます。
handler(eventObject)	イベントが発生した際に、実行したい処理を関数として指定します。

.click() 1.0追加

戻り値:jQuery

clickイベントを発生させます。

//ID:other要素をクリックすると、ID:targetのクリックイベントも発生させます。
$("#other").click(function() {
  $("#target").click();
});

デモ

各P要素をクリックすると非表示になります。

<!DOCTYPE html>
<html>
<head>
<style>
  p { color:red; margin:5px; cursor:pointer; }
  p:hover { background:yellow; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p>１つ目のP要素</p>
<p>２つ目のP要素</p>
<p>もう一つP要素</p>
<script>
$("p").click(function () {
  $(this).slideUp();
});
</script>
</body>
</html>