在網頁開發中，輸入框是最基礎的交互控件之一。jQuery可以輕松地操作輸入框的內容。接下來我們來學習如何設定input的內容。

$(document).ready(function(){
//設定input的內容
$('input[name="username"]').val('Hello World');
});

以上代碼將input name為username的輸入框設定為"Hello World"。

除了設置固定的文本，我們還可以動態地為輸入框設定內容。比如，在用戶填寫完用戶名后，我們可以將其余的信息自動填充：

$(document).ready(function(){
$('input[name="username"]').on('blur', function(){
var username = $(this).val();
$('input[name="email"]').val(username + '@example.com');
$('input[name="phone"]').val('138' + username.substring(1));
});
});

以上代碼中，我們使用blur事件來監聽用戶名輸入框失去焦點的行為，然后動態地為郵箱和手機號碼輸入框設定內容。其中，我們使用了val()方法來獲取和設置輸入框的內容。