jQuery是一個(gè)流行的JavaScript庫,目的是使前端開發(fā)更加簡(jiǎn)單、快速和有效。其中,操作輸入框輸入值的功能也是jQuery中的一個(gè)重要部分。
通過jQuery,我們可以很方便的獲取或設(shè)置輸入框的值。通過.val()方法獲取輸入框的值:
$('input').val(); // 獲取輸入框的值
通過.val()方法設(shè)置輸入框的值:
$('input').val('Hello World'); // 設(shè)置輸入框的值為'Hello World'
除此之外,還可以通過.val()方法實(shí)現(xiàn)輸入框值的過濾和格式化:
$('input').val(function(index, value) {
return value.toUpperCase(); // 將輸入框的值轉(zhuǎn)為大寫
});
除了.val()方法外,jQuery還提供了一些其他常用的輸入框操作方法,如.focus()、.blur()、.select()等。其中,.focus()方法是將輸入框聚焦,.blur()方法是將輸入框失焦,.select()方法是將輸入框中的文本選中:
$('input').focus(); // 輸入框聚焦
$('input').blur(); // 輸入框失焦
$('input').select(); //選中輸入框中的文本
以上就是jQuery操作輸入框輸入值的基本介紹。