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

jQuery change() メソッド

jQuery イベント

change()メソッドはchangeイベントをトリガーし、またはchangeイベントが発生した際に実行される関数を追加します。

フォーム要素、選択または選択状態の内容が変更された場合(<input>、<select>および<textarea>に対して)、changeイベントが発生します。

文法:

選択された要素の変更イベントをトリガーします:

$(selector).change()

関数を変更イベントに追加します:

$(selector).change(function)

変更イベント(form要素の内容が変更されたときに発生する)に関数を追加する:

$("input").change(function(){
  alert(this.value);
});
テストを見て‹/›

変更イベント(form要素の内容が変更されたときに発生する)に関数を追加する:

$(".demo").change(function(){
  $(this).css("background", "coral");
});
テストを見て‹/›

変更イベントをselectに追加し、各選択されたオプションのテキストをDIVに書き込む:

$("select").change(function(){
  var str = "";
  $("select option:selected").each(function() {
    str += $(this).text() + " ";
  });
  $("div").text(str);
}).change();
テストを見て‹/›

引数の値

引数説明
function変更イベントがトリガーされるたびに実行される関数

jQuery イベント