jQuery获取表单的值val()

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

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


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

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

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

当var v = $("inputname='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

相关推荐
西索斯coding1 分钟前
Claude Code 工具调用返回空怎么办?claude-opus-5.5 的 input_schema 校验踩坑记录与修复方案
服务器·前端·javascript·ai
疯狂敲代码的老刘2 分钟前
MarvellousSuspender浏览器扩展:1.4K星开源标签页冻结神器,Chrome吃内存终结者的干净复活版
前端·chrome
码上上班3 分钟前
shell 脚本知识点总结
前端·chrome
程序员Sunday4 分钟前
Flex 和 Grid 有什么区别?一维布局、二维布局怎么选?
前端·css·面试
Jlzn88887 分钟前
华南PACK线自动化率怎么统计才靠谱
前端·javascript·自动化
拖孩27 分钟前
AI 时代,个人开发者到底能不能靠一个小程序赚到钱
前端·后端·微信小程序
Hilaku28 分钟前
ERP选型时不问MCP,等于默认三年后再付一次集成费!
前端·javascript·程序员
程序人生88828 分钟前
几百张固定位置扫描件如何离线批量清?DocConverter Web 批量去水印链路
前端
deli00730 分钟前
一个汉字三种编码:UTF-8、GBK、UTF-16 逐字节对比实测
前端
庖丁解牛39 分钟前
第二课:把代码保存成网页 + 认识变量 (2)
前端