jQuery是一種流行的JavaScript庫，用于快速簡便地開發(fā)Web應用程序。其中一個主要功能是處理DOM元素的交互，包括輸入框。

當用戶在輸入框中輸入或刪除文本時，我們可以使用jQuery來檢測這些變化。我們可以使用.val()方法獲取輸入框中的值，然后使用事件來檢測這個值何時發(fā)生變化。

// 獲取輸入框元素并綁定事件
$(document).ready(function() {
$('#inputBox').on('input', function() {
// 獲取輸入框的值
var value = $(this).val();
console.log('輸入框的值變?yōu)? ' + value);
});
});

上面的代碼會在頁面加載完成后，選擇具有id為inputBox的輸入框元素，并為其綁定input事件。當輸入框的文本內(nèi)容改變時，該事件會被觸發(fā)。我們可以使用.val()方法獲取輸入框的新值，并在控制臺中輸出。

除了使用輸入事件，我們還可以使用.keyup()和.change()事件來檢測輸入框的值變化。.keyup()事件在用戶松開按鍵時觸發(fā)，.change()事件在輸入框丟失焦點時觸發(fā)。

// 綁定keyup事件
$('#inputBox').on('keyup', function() {
var value = $(this).val();
console.log('輸入框的值變?yōu)? ' + value);
});
// 綁定change事件
$('#inputBox').on('change', function() {
var value = $(this).val();
console.log('輸入框的值變?yōu)? ' + value);
});

了解如何檢測輸入框值的變化非常有用，因為它可以讓我們在輸入框中執(zhí)行實時的自動完成、過濾、搜索或其他操作。