[解決済み] jquery focus in / out

質問

入力フォーカス時に入力にクラス "active"を追加し、フォーカスオフ時にそのクラスを削除したいのです。

ありがとうございました。

解決方法は？

jquery libをインクルードすれば、あとはごく普通のことです。

$('input').focus( function() {
  $(this).addClass('active');
});

$('input').blur( function() {
  $(this).removeClass('active');
});

focusinとfocusoutは子オブジェクトにバブルイベントを発生させますが、ここではその必要がありません。

また、特定の入力フィールドにのみ適用したい場合は、セレクタ（'input'の部分）を変更することもできます。

セレクタの例

$('input#my_id_is_bob') for $('input.my_class_is_activatable') for