English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery click() メソッド

jQueryのイベント

click()メソッドはclickイベントを発生させ、またはclickイベントが発生したときに実行される関数を追加します。

ユーザーが要素をクリックしたときにclickイベントが発生します。

文法:

選択された要素のclickイベントを発生させる:

$\(selector).click()

関数をclickイベントに追加する:

$\(selector).click(function)

<p>要素のclickイベントをトリガーする:

$(document).ready(function(){
  $("p").click();
});
テストを見て‹/›

クリックイベントに関数を追加する(ユーザーが要素をクリックしたときにクリックイベントが発生する):

$("p").click(function(){
  $(this).css({"background-color":"#007FFF", "color":"white"});
});
テストを見て‹/›

段落をクリックしたときにページ上の段落を非表示にする:

$("p").click(function(){
  $(this).slideUp();
});
テストを見て‹/›

「名前付け」機能をクリックイベントに追加する:

$(document).ready(function(){
  $("p").click(changeSize);
});
function changeSize() {
  $(this).animate({fontSize: "+=5px"});
}
テストを見て‹/›

引数の値

引数説明
functionクリックイベントが発生したときに実行される関数

jQueryのイベント