Jquery

JQUERYを使用したフォーカス

入力フォームなどユーザーがフィールドにフォーカスした際
背景色などデザインを変える場合の input タグの指定方法

「:input」は、input要素やtextarea要素、select要素、button要素など、すべてのフォーム部品を選択できるフィルターです。

とのことで基礎覚書

「input」だけだとtextareaなどに適用されないので

JSでID、クラスを指定してやるしかないかと思ったのですが「:input」で一括指定できる。
↓で全ての入力フィールドに適用できる。

$(function(){
    $(":input").focus(function(){
        $(this).css("background","#FFDDDD");
    }).blur(function(){
        $(this).css("background","");
    })
})


おすすめ