jQuery对表单元素的取值和赋值操作

Posted skiwnchqhh

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery对表单元素的取值和赋值操作相关的知识,希望对你有一定的参考价值。

好久没用过jquery了,很多东西都陌生了,还是应该多练啊。

jQuery读取input元素的值:

用户名:<input type="text" name="username" id="username" /><br>
$("#username").val("zhangsan");

密码:<input type="password" name="password" /><br />


以前老是习惯性的这样取值

var username = $("#username").value;


这样是取不到值的,因为此时$("#username")已经不是element,而是jquery对象 应该使用如下方式:

var username = $("#username").val();

 

因为jquery对象中第一个元素即为DOM对象,所以也可以这样取值:

$("#username")[0].value; 


jQuery为input元素赋值

下面这种方式是不正确的:

$("#username").value="zhangsan"; 


应该使用如下方式:

$("#username")[0].value="zhangsan"; 

$("#username").val("zhangsan");


 


 

再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow








以上是关于jQuery对表单元素的取值和赋值操作的主要内容,如果未能解决你的问题,请参考以下文章

jQuery 获取和设置radio 和 checkbox 值的操作

jQuery对html元素的取值与赋值实例详解

如何使用JQuery给自定义属性赋值取值

Layui表单赋值 / 取值与任意位置按钮提交表单

Layui表单赋值 / 取值与任意位置按钮提交表单

jQuery-设计模式