jQuery获取表单的值val()

(1)页面中有很多元素,包括表单中的输入项,如输入文本框等;获取、设置、输入文本框的值;val()方法。

(2)也包括<p>、<span>等元素;获取、设置这些元素的文本值;text()方法、html()方法。


1.示例1:val():设置输入项的值(其实大部分情况下就是设置表单中的输入文本框)

下面是先用$("input[name='uname']")这个选择器获取了页面元素,然后调用val()方法,设置该元素的值;

2.示例2:val():获取输入项的值

当var v = $("input[name='uname']").val();,即**val()没有参数的时候,就是获取输入项元素的值;**val()方法用于设置表单项的内容,尤其指输入框的文本值;

3.示例3:text():设置元素的纯文本

注意下面:$("span.myclass")标签和类选择器组合使用的方式;

4.示例4:html()方法:设置元素的纯文本

但html这种方法,只能当成便利贴用,不能大量使用,容易乱。或者当遇到特殊的业务需求的时候可以使用;

5.示例5:html()方法:获取元素的纯文本

6.对比:text()方法:获取元素的纯文本

平时,尽量使用text()方法,,只有当 当前元素的文本内容需要动态的改变,并且中间涉及到样式改变,需要用到标签时,才用html()方法;

原文链接:https://blog.csdn.net/csucsgoat/article/details/112800801

相关推荐
Java编程爱好者13 小时前
Spring AI 1.0 实战:从原理到落地的完整指南
javascript
用户862841295494413 小时前
Flutter rxflare 响应式进阶:Map/List 精准字段更新(高性能实战)
前端·flutter
横木沉13 小时前
高并发场景下的前端缓存与降级策略
大数据·前端·缓存
我命由我1234513 小时前
VSCode - VSCode 自定义折叠区域
前端·javascript·ide·vscode·前端框架·编辑器·js
cc.ChenLy13 小时前
Lottie-Web 技术指南:让动画开发更简单高效
前端
bug总结13 小时前
前端流程图vueflow
前端·流程图
清水白石00813 小时前
Python 数据建模指南:dataclass、TypedDict 与 Pydantic 的选型博弈
前端·javascript·python
ZC跨境爬虫13 小时前
跟着 MDN 学CSS day_23:(表单与表格综合样式化实战)
前端·javascript·css·ui·html·tensorflow
国科安芯13 小时前
AS32S601芯片抗辐照性能试验验证与空间环境适应性分析
前端·分布式·单片机·嵌入式硬件·架构·risc-v·安全性测试
MRSM_0113 小时前
Three.js 入门:在浏览器里构建你的第一个 3D 场景
javascript