フォーカスで背景色変更

jQuery のお勉強の手始めとして text などにフォーカスが当たったら背景色を変更する、というありがちなモノを試してみた。

/*
 * フォーカスが当たった部分の背景色を変更する。
 * 
 * id="main" に存在する input, textarea, select, button にフォーカスが当たると背景色を lavendar にする。
 */
$(function() {
	$("#main :input")
		.focus(function() {
			$(this).css("background-color", "#E6E6FA");
		})
		.blur(function() {
			$(this).css("background-color", "FFFFFF");
		})
});