JQuery focus時に枠の色を変える

HTMLでfocus時にGmailみたいに枠の色を変えたいとかあると思います。

非選択時


選択状態


そこで一括で変えるサンプルをのせておきます。

// focus.js

$(function(){ // input type=text password textareaのみ変える処理 　$("input[@type='text'],input[@type='password'],textarea") 　　.focus(function(){ 　　　$(this).addClass("focus"); 　　}) 　　 　　.blur(function(){ 　　　$(this).removeClass("focus"); 　　}); });

// focus.html

<script src="jquery.js" type="text/javascript"></script> <script src="focus.js" type="text/javascript"></script> <style type="text/css"> .focus { color: #333333; border: 2px solid #fc2e8b; background-color: #ffffff; } </script>

以上これだけでフォームにあるものすべて枠に色が着きます。