JQuery是一個流行的JavaScript框架，可以幫助我們快速地編寫交互性強的Web應用程序。其中一個常見的需求是讓一個input元素在頁面加載后就自動獲得焦點。這篇文章將介紹如何使用JQuery實現(xiàn)這個功能。

$(document).ready(function(){ 
$('input#username').focus(); // 給id為username的input元素獲得焦點
});

以上代碼首先讀取了文檔的ready事件，確保頁面的所有元素都被完全加載和渲染之后再執(zhí)行代碼。然后使用JQuery選擇器定位到id為“username”的input元素，并使用focus()函數(shù)將焦點放到該元素中。

我們可以在輸入框的HTML中加入id屬性，例如：

<input type="text" id="username" name="username">

這樣，JQuery就可以準確地定位到該元素并設置它為焦點。在上述代碼中，“#”符號是用來選擇元素的id的特殊字符。如果我們使用class來選擇元素，應該使用“.”符號。

<input type="text" class="my-input" name="my-input">
$(document).ready(function(){ 
$('input.my-input').focus(); // 給帶有class為my-input的input元素獲得焦點
});

以上代碼將會給所有帶有“my-input”類名的輸入框獲得焦點。

總之，使用JQuery可以輕松地為一個input元素設置焦點，并且能夠幫助我們提高Web應用程序的交互性。