jquery是一款強大的javascript庫，它的主要功能是為了簡化javascript的開發。在網頁開發中，獲取焦點是一個非常常用的功能，可以讓用戶清楚地知道他們正在與哪個組件交互。而jquery提供了一種非常快捷的方式來給組件添加焦點：使用 .focus() 方法。

$(document).ready(function(){
$("#my-input").focus();
});

上面的代碼將為id為“my-input”的輸入框添加焦點，這樣用戶在加載頁面后就可以直接開始輸入文本了。 現在讓我們來看看這段代碼的解釋：

• $(document).ready：這行代碼表示我們想要在文檔完全加載后運行這些代碼。這是一種很好的習慣，因為在文檔未完成加載時，我們無法保證頁面組件已經準備就緒。
• $("#my-input").focus()：這行代碼為id為“my-input”的輸入框添加了焦點。注意，我們使用的是jQuery選擇器來選擇組件，這與使用CSS選擇器非常相似。

現在我們已經了解了如何使用jquery讓組件獲取焦點，我們可以很容易地在項目中應用這個功能。這將使用戶交互更加友好，并提升網站的整體體驗。