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

使用 jQuery 获取输入文本框（input）中的值有两种方法，一种是使用 val() 方法，一种是使用 prop() 方法。

使用 val() 方法

val() 方法是 jQuery 中获取或设置表单元素值的方法，包括 input、textarea、select 等输入元素。它有三种用法：

1. 获取值：$("selector").val()
2. 设置值：$("selector").val("value")
3. 获取数组值：$("selector").val([])

其中，第一个用法是最常用的：

// 获取输入框的值
var inputValue = $('#input').val();

// 在控制台输出值
console.log(inputValue);

在这个例子中，我们通过 $() 选择器获取 id 为 input 的元素，并使用 val() 方法获取它的值。最后使用 console.log() 在控制台输出。

使用 prop() 方法

prop() 方法是 jQuery 中获取或设置 DOM 元素属性值的方法，它有两种用法：

1. 获取属性值：$("selector").prop("property")
2. 设置属性值：$("selector").prop("property", "value")

两种用法都可以用于 input 元素的 value 属性获取输入框中的值：

// 获取输入框的值
var inputValue = $('#input').prop('value');

// 在控制台输出值
console.log(inputValue);

在这个例子中，我们同样通过 $() 选择器获取 id 为 input 的元素，并使用 prop() 方法获取它的 value 属性值。然后使用 console.log() 在控制台输出。

总的来说，val() 方法更为简便，能够直接获取或设置表单元素的值。而 prop() 方法则可以获取或设置元素的其他属性，比如 checked、disabled 等。

希望以上解释能够帮到你。