jQuery是一款廣泛使用的JavaScript庫,它對HTML的操作變得更加方便快捷。其中,對于標簽的操作也有很多便捷的方法,下面就來介紹一些jquery input制度。
// 獲取input的值 var inputValue = $('input').val(); // 給input設置值 $('input').val('new value'); // 獲取選中的radio或checkbox的值 var checkedValue = $('input:checked').val(); // 設置radio或checkbox為選中狀態 $('input').prop('checked', true); // 獲取焦點 $('input').focus();
除了上述常用的方法,還有一些可能會更加常見的實際應用。
// 限制input只能輸入數字 $('input').keydown(function(event) { if ( event.keyCode === 46 || event.keyCode === 8 || event.keyCode === 9 || event.keyCode === 27 || // 允許: Ctrl+A (event.keyCode === 65 && event.ctrlKey === true) || // 允許: Ctrl+C (event.keyCode === 67 && event.ctrlKey === true) || // 允許: Ctrl+X (event.keyCode === 88 && event.ctrlKey === true) || // 允許: home, end, left, right (event.keyCode >= 35 && event.keyCode<= 39)) { return; } else { // 確保只能輸入數字 if (event.shiftKey || (event.keyCode< 48 || event.keyCode >57) && (event.keyCode< 96 || event.keyCode >105 )) { event.preventDefault(); } } }); // 根據input文字內容調整大小 $('input').on('input', function() { this.style.width = ((this.value.length + 1) * 8) + 'px'; });
上述方法僅僅是jQuery input制度的一部分,它能幫助JavaScript程序員提高開發效率,也能帶來更好的用戶體驗。
上一篇dockernas必要