在前端開發中，js是最常用的編程語言之一，其中jquery是最流行的js框架之一。jquery的操作非常方便，可以輕松實現多種功能，比如讀取文本框的內容。

$(document).ready(function(){
$("#submit").click(function(){
var username = $("#username").val();
var password = $("#password").val();
alert("Username: " + username + " Password: " + password);
});
});

在這里，我們首先使用$(document).ready來確保文檔加載完成后再執行代碼。然后，我們使用$("#submit").click來指定當提交按鈕被點擊時運行的代碼。在代碼中，我們使用$("#username").val()和$("#password").val()來獲取相應文本框的值，并將它們存儲在變量中。最后，我們使用alert()函數來顯示用戶名和密碼。

總體來說，讀取文本框的內容是非常簡單的，只需使用jquery來獲取相應元素的值即可。需要注意的是，在獲取文本框的值時，我們應該使用.val()函數而不是.text()函數，因為.val()函數可以獲取輸入框、下拉框和多選框的值，而.text()只適用于普通文本。