JQuery是目前最常用的JavaScript庫之一，它提供了強大而靈活的API，使得開發人員可以輕松地創建動態和交互性的Web應用程序。 CSS是另一個重要的Web技術，用于控制網頁的樣式。今天，我們將討論如何使用JQuery和CSS來處理HTML表單中的焦點，以及如何讓它們看起來更美觀。

在HTML表單中，焦點是指用戶當前正在交互的元素。例如，當用戶在文本字段中輸入時，該字段將具有焦點，并且可以響應任何鍵盤輸入。 JQuery使用focus()和blur()方法來處理焦點。 focus()方法觸發當用戶在表單元素上單擊墊圈時，blur()方法則在用戶離開該元素時觸發。

$('input[type="text"]').focus(function(){
$(this).css('border','2px solid red');
});
$('input[type="text"]').blur(function(){
$(this).css('border','1px solid grey');
});

上面的代碼將在文本字段獲得焦點時將其邊框設為紅色，而在失去焦點時將其還原為灰色。 可以使用以下CSS樣式來進一步優化該代碼：

input[type="text"]{
border: 1px solid grey;
}
input[type="text"]:focus{
border: 2px solid red;
outline:none;
}

上面的代碼將文本字段的默認邊框設置為灰色，當文本字段具有焦點時，將使用2px紅色邊框替換默認樣式。 outline:none;樣式將防止默認瀏覽器“focusing”行為干擾我們的CSS樣式。您還可以使用其他CSS屬性來更改文本字段的外觀，例如background-color和color。

總之，使用JQuery和CSS可以輕松處理HTML表單中的焦點，并使表單看起來更美觀和專業化。