フォーカスで背景色変更
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"); }) });