在網頁開發中，經常需要對用戶輸入進行處理和驗證。jQuery框架可以輕松地操作HTML元素的屬性和值，以下是一些常見的值的變化事件。

當輸入框的值發生變化時，可以使用以下代碼獲取輸入框的新值：

$('input').on('change', function() {
var newValue = $(this).val();
console.log(newValue);
});

上述代碼中，我們使用了jQuery的on方法來監聽輸入框的change事件，當輸入框的值發生變化時，會調用該函數。在函數內部，使用$(this)來獲取當前輸入框的jQuery對象，并使用val()方法獲取其新值。

如果需要實時獲取輸入框的值，可以使用以下代碼：

$('input').on('input', function() {
var newValue = $(this).val();
console.log(newValue);
});

在上述代碼中，我們使用了input事件來監聽輸入框的值變化，該事件會在用戶每次鍵入新字符時觸發。同樣地，我們可以使用$(this)和val()方法來獲取輸入框的新值。

在對用戶輸入進行處理時，經常需要限制用戶輸入的字符類型或長度，以下是一些常見的限制輸入框值變化的處理方法。

限制用戶輸入為數字：

$('input[type="number"]').on('input', function() {
var newValue = $(this).val().replace(/[^0-9]/g, '');
$(this).val(newValue);
});

在上述代碼中，我們使用了正則表達式將輸入框的值中非數字字符替換為空字符，從而實現限制用戶輸入為數字的操作。

限制用戶輸入的長度：

$('input').on('input', function() {
var maxLength = $(this).attr('maxlength');
var newValue = $(this).val().slice(0, maxLength);
$(this).val(newValue);
});

在上述代碼中，我們使用了attr方法來獲取輸入框的maxlength屬性，即輸入框可接受的最大長度。然后使用slice方法截取輸入框的值的前maxLength個字符，從而實現限制用戶輸入的長度的操作。

總之，jQuery框架可以方便地操作HTML元素的屬性和值，以上是一些常見的值的變化事件和處理方法，可以為開發者們提供幫助。