jQueryでフォームのinputにfocusを実装するコード

2011年8月15日

jQueryなしではWEB制作をするのが窮屈になってきた今日この頃です。
IE7.6など:focus擬似クラスが使えないブラウザ用にjQueryでフォームのinputにfocusを実装するコードを書いたので覚書として書いておきます。

JSで下記2行のコードを書いて

$("input").focus( function () { $(this).addClass("focus"); } );
$("input").blur( function () { $(this).removeClass("focus"); } );

CSSで.focusを装飾します。

.focus {
background:#EEE;
}