如何使用 jQuery 获取输入文本框中的值？

在 web 开发中，获取文本框的值是一个常见的需求。本文将介绍如何使用 jQuery 获取输入文本框中的值。

获取单个文本框的值

使用 jQuery 获取单个文本框的值很简单，只需要使用 val() 方法即可。例如：

var value = $('#input-id').val();

这里，#input-id 是要获取的文本框的 ID。很明显，我们使用了 jQuery 的选择器来获取该元素，然后使用 val() 方法获取输入的值。

获取多个文本框的值

如果需要同时获取多个文本框的值，我们可以使用 jQuery 的 each() 方法遍历所有输入框。例如：

$('input[type=text]').each(function(){
    console.log($(this).val());
});

这里，我们使用了 'input[type=text]' 选择器来获取所有的文本框。然后使用 each() 方法遍历每一个文本框，$(this) 代表当前的文本框，使用 val() 方法获取输入的值。

实时获取文本框的值

有时候，我们需要实时获取文本框的值，例如在用户输入时做一些操作。这时，我们可以借助 jQuery 的事件来实现。例如：

$('#input-id').on('input', function(){
    console.log($(this).val());
});

这里，我们使用了 on() 方法监听 input 事件，即用户在文本框中输入字符时触发。然后使用 val() 方法获取输入的值。

总结

本文介绍了如何使用 jQuery 获取输入文本框中的值，包括获取单个文本框的值、获取多个文本框的值和实时获取文本框的值。这些方法可以适用于绝大部分的网页开发需求。