欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery input制度

林子帆2年前7瀏覽0評論

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程序員提高開發效率,也能帶來更好的用戶體驗。