JQuery是一種廣泛應用于JavaScript編程的開源JavaScript庫。它主要用于選擇與HTML文檔交互的元素、處理事件、創建動畫效果以及優化AJAX應用程序。在jq中,我們可以通過控件值改變事件(change事件)輕松監測表單元素的變化。
// 監聽select元素的change事件 $('select').change(function () { // 獲取選中的選項 var selectedVal = $('select option:selected').val(); console.log('選中的值為:' + selectedVal); });
在上面的代碼中,我們使用了change()方法來監聽select元素的變化。當select元素的選項被改變時,change()方法將自動被調用,并執行函數中的代碼。使用option:selected選擇器可以獲取被選中的選項,并在控制臺中輸出選項的值。
// 監聽input元素的change事件 $('input[type="text"]').change(function () { // 獲取input元素的值 var inputVal = $(this).val(); console.log('輸入的值為:' + inputVal); });
上面的代碼是對input元素監聽change事件的演示,當input元素的值發生變化時,change()方法便會被調用,并輸出輸入框的值。這種方法適用于任何類型的input元素,例如type為checkbox或radio的元素,我們同樣可以通過監聽它們的change事件獲取它們的值。