Jquery使用val方法读写value值

下面是详细讲解“Jquery使用val方法读写value值”的攻略：

什么是val方法

val 方法是 jQuery 中的常用方法之一，可以用于读取或设置表单元素的值。表单元素包括 input、textarea 等带有 value 属性的标签。

读取元素的值

使用 val 方法读取元素的值非常简单，只需要将元素作为 val 方法的选择器参数即可，如下：

<input type="text" id="input-test" value="hello">
<script>
  var value = $('#input-test').val();
  console.log(value); // 输出：hello
</script>

上述代码中，我们使用 $('#input-test') 选择器选中了一个输入框，随后调用了 val 方法获取了该输入框的值。最后我们使用 console.log 方法将值输出到控制台。

设置元素的值

使用 val 方法设置元素的值，只需要在调用 val 方法时传递一个参数即可，例如：

<input type="text" id="input-test">
<script>
  $('#input-test').val('hello');
</script>

上述代码中，我们选中了一个空输入框，随后使用 val 方法将该输入框的值设置为了 "hello"。

在实际应用中，我们经常使用 val 方法对表单进行初始化操作，将默认值设置到表单里：

<input type="text" id="input-test" value="">
<script>
  var defaultValue = 'hello'
  $('#input-test').val(defaultValue);
</script>

上述代码中，我们将 defaultValue 设为了 "hello"，随后将该值赋到了输入框的 value 属性上。

总结一下，使用 val 方法读写元素的值的步骤如下:

1. 用选择器选中相应的元素
2. 使用 val 方法获取或设置元素的值

希望这个攻略能帮助到你。