jQuery中的change事件非常常用,它用于當元素的值發生改變時觸發相應的函數,不僅可以用于輸入框(input)元素,還可以用于下拉菜單(select)、單選框(radio)和復選框(checkbox)等元素。
$(document).ready(function(){ $("input[name='username']").change(function(){ var originalValue = $(this).data('original-value'); // 獲取原始值 var currentValue = $(this).val(); // 獲取當前值 if(originalValue != currentValue) { // 當值發生改變時執行相應的代碼 console.log("用戶名已修改!"); } }).focus(function(){ $(this).data('original-value', $(this).val()); // 給元素添加data-original-value屬性 }); });
以上示例演示了如何使用jQuery的change事件來判斷輸入框的值是否發生改變。值得注意的是,在focus事件中,我們給元素添加了一個data-original-value屬性,用于存儲該元素原始的值。當輸入框的值發生變化時,我們便可以通過該屬性來獲取原始值,并與當前值進行比較。
總之,jQuery的change事件為我們處理表單元素值的變化提供了方便和快捷的方式,是我們在日常開發中不可缺少的一種技術手段。