change( fn )

jQuery API の change( fn ) は、チェンジイベントにイベントハンドラをバインドしたいときに便利なメソッドだ。

select、input、textarea 要素の値を変更したときに、change( fn ) の引数に指定したイベントハンドラを呼び出すことができる。

記述方法

「セレクター」の要素のチェンジイベントに、「イベンドハンドラ」をバインド。

select 要素での実装例（サンプル）

好きな音楽ジャンル：

select 要素での実装例（サンプル）の動作について

select 要素で選択した音楽ジャンルを、「好きな音楽ジャンル： 」の右側に表示する。

select 要素での実装例（サンプル）のソースコード

JavaScript

CSS

HTML

input 要素での実装例（サンプル）

入力した文字：

input 要素での実装例（サンプル）の動作について

input 要素にテキストを入力しフォーカスを外すと、入力したテキストを「入力した文字： 」の右側に表示する。

input 要素での実装例（サンプル）のソースコード

JavaScript

CSS

HTML

textarea 要素での実装例（サンプル）

入力した文字：

textarea 要素での実装例（サンプル）の動作について

textarea 要素にテキストを入力しフォーカスを外すと、入力したテキストを「入力した文字： 」の右側に表示する。

textarea 要素での実装例（サンプル）のソースコード

JavaScript

CSS

HTML