首页课程jQuery趣味课堂val()方法

val()方法

目录列表

val()属性

我们在上一课中已经看到我们如何使用text()和html()方法来操纵HTML元素的内容。

另一个有用的方法是val()方法,它允许我们获取和设置表单域的值,例如文本框,下拉列表和类似的输入。

例如:

HTML:

<input type="text" id="name" value="Your Name">

JS:

$(function() {   alert($("#name").val()); }); //alerts "Your Name"

类似地,您可以通过将其作为val()方法的参数来设置该字段的值。

当需要处理表单事件和验证时,获取和设置表单域的值非常有用。 我们将在以后的课程中介绍该方法。


重新排列代码以获取表单域的值,并将值赋给id="demo"的元素中

  • $(function(){
  • });
  • $("#demo").text(t);
  • var t=$("#user").val();

概要

以下jQuery方法可用于获取和设置所选HTML元素的内容和属性:

text()设置或返回所选元素的文本内容。

html()设置或返回所选元素的内容(包括HTML标记)。

val()设置或返回表单字段的值。

attr()设置或返回属性的值。

removeAttr()将删除指定的属性。


哪个方法获取输入字段的值?