在開發網頁界面的過程中，用戶交互是十分重要的，而其中最常見的交互方式莫過于焦點的獲取與失去。在jquery中，我們可以很方便地通過on方法來對焦點改變做響應處理。下面我們通過一些簡單的示例來學習如何使用jquery的on focus方法。

// 示例1：獲取焦點時彈出提示
$("input").on("focus", function(){
alert("請注意輸入文本內容！");
});
// 示例2：輸入框獲取焦點時改變其樣式
$("input").on("focus", function(){
$(this).css("background-color", "#f5f5f5");
});
// 示例3：在輸入框內輸入文字時，如果非數字，則彈出提示
$("input").on("focus", function(){
$(this).on("input", function(){
var val = $(this).val();
if(isNaN(val)){
alert("請輸入數字！");
$(this).val("");
}
});
});
// 示例4：動態綁定on focus事件
$("input").on("focus", function(){
alert("這是第一次綁定事件！");
$(this).on("focus", function(){
alert("這是動態綁定的on focus事件！");
});
});

通過上面的示例，我們可以看出jquery的on focus方法可以非常方便地對焦點變化進行處理。在實際開發中，我們可以根據需求來靈活運用on focus方法，實現更加優秀的用戶交互效果。