jQuery的`val()`方法是一个非常实用的方法,它主要用于处理表单元素(如input, select, textarea等)的值。
### 获取值
当`val()`方法不带任何参数被调用时,它会返回被选元素的值。这在处理表单输入时非常有用,比如获取用户输入的数据。
// 获取input元素的值
var inputValue = $("#myInput").val();
// 获取select元素当前选中项的值
var selectValue = $("#mySelect").val();
// 获取textarea元素的值
var textareaValue = $("#myTextarea").val();
### 设置值
当`val()`方法被赋予一个参数时,它会设置被选元素的值。这对于预填充表单或在用户交互后更新表单元素的值非常有用。
// 设置input元素的值
$("#myInput").val("新值");
// 设置select元素的值(假设select中有一个value为"option2"的选项)
$("#mySelect").val("option2");
// 设置textarea元素的值
$("#myTextarea").val("这是一段新的文本。");
`val()`方法在处理表单元素时非常方便,无论是获取还是设置值,都只需要简单的调用即可实现。