詳說jQuery的focus()、blur()事件

• what

　　focus():當元素獲得焦點時，發生 focus 事件。

　　blur():當元素失去焦點時發生 blur 事件。

• 小例子

　　HTML文件 
 Enter your name: <input type="text" />

javascript文件：
$(document).ready(function(){
      $("input").focus(function(){
        $("input").css("background-color","#ff0"); //黃色
      });
      $("input").blur(function(){
        $("input").css("background-color","#0f0"); //綠色
      });
    });

　　瀏覽器打開：

　　1.刷新頁面，輸入框為白色背景

　　

　　2.准備鍵入，輸入框獲得焦點，輸入框背景變為黃色

　　

　　3.輸入結束，失去焦點，輸入框背景變為綠色