jQuery是一個(gè)快速、簡(jiǎn)潔的JavaScript庫(kù),jQuery的核心理念是“寫的更少,做的更多”。其中一個(gè)非常實(shí)用的功能就是input顯示值的獲取和操作。
// 獲取input的值 var inputValue = $('input').val(); console.log(inputValue); // 修改input的值 $('input').val('新的值');
上面的代碼演示了如何獲取和修改input的值。但是在實(shí)際使用中,我們可能需要根據(jù)輸入框的值來進(jìn)行一些操作。比如,當(dāng)input的值為空時(shí),禁用提交按鈕。
$('input').on('input', function() { var inputValue = $(this).val(); if(inputValue === '') { $('button').attr('disabled', true); } else { $('button').attr('disabled', false); } });
上面的代碼演示了如何監(jiān)聽input的輸入事件,根據(jù)輸入框的值來禁用或啟用按鈕。這個(gè)功能在表單驗(yàn)證中經(jīng)常用到。
總結(jié)來說,jQuery的input操作非常方便實(shí)用,可以快速地獲取和修改輸入框的值,并且可以結(jié)合相關(guān)事件來進(jìn)行更多操作。