jQuery是一種流行的JavaScript庫，它可以使前段開發變得更加簡易。其中一個常見的功能就是讀取前端文本框。下面我們來看一下如何使用jQuery來實現這個功能。

$("button").click(function(){
var inputValue = $("input").val();
alert(inputValue);
});

以上代碼是一個典型的jQuery例子。我們首先使用click事件觸發函數，然后使用.val()函數讀取文本框的值，并將其賦值給變量inputValue。最后我們使用alert()函數來展示這個值。

你可以根據實際需求來改變代碼。比如說，你可以選擇使用其他事件觸發函數，如.on("submit")，這樣就可以在表單被提交時讀取文本框的值。

如果你需要讀取多個文本框的值，可以分別使用不同的選擇器來選擇它們，并使用.val()函數來讀取值。比如說，使用$("input[type='text']")來選擇所有type為"text"的文本框，然后使用.val()函數來讀取它們的值。

總而言之，使用jQuery來讀取前端文本框的值是一件非常簡單的事情。只需要選擇正確的選擇器，并使用.val()函數來讀取值即可。