在前端开发中，我们经常需要从用户输入中获取值并进行处理。jQuery 提供了两种方法来获取表单元素的值：val() 和 (), 这两种方法看起来很相似，但实际上有一些重要的差异。
val()
val() 方法用于获取表单元素的值，例如文本框、下拉列表、单选按钮等。它还可以设置表单元素的值。下面是一个简单的示例：
<input type="text" id="myInput"> <button id="myButton">Get Value</button>
$('#myButton').click(function() {
var value = $('#myInput').val();
alert(value);
});当用户在文本框中键入一些内容并单击按钮时，将弹出一个警告框，其中包含文本框中的值。
()
() 方法通常用于执行函数或调用 jQuery 对象的方法。例如：
$('p').hide();这将隐藏所有段落元素。
但是，您也可以使用 () 方法来获取表单元素的值，例如：
var value = $('input[type="text"]').val();这将返回第一个文本框的值，而不管它是否有 ID。
差异
最大的差异是，val() 是 jQuery 中特定于表单元素的方法，而 () 则是通用方法。因此，在选择器 $() 中使用 val() 方法没有意义，而使用 () 方法是可以的。
另一个重要的区别是，val() 方法始终返回字符串值。这意味着您需要根据需要将其转换为数字或其他类型。然而，在使用 () 方法时，返回的值的类型取决于调用方法的对象和方法本身的实现。
总结
在前端开发中，val() 和 () 是两种获取表单元素值的方法。val() 适用于特定于表单元素的情况，而 () 则是通用方法。此外，val() 始终返回字符串，而 () 返回的值的类型取决于方法本身的实现。
了解这些差异可以帮助您更好地使用 jQuery 和处理表单元素的值。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9089
