html——jquery中val()与text()用法的区别
jquery的text()函数：用于设置或返回被选元素的文本内容只输出标签内的文本内容，和js的innerText方法一样不能获取表单元素如 button、input 等元素的输入值jquery的val()函数：返回或设置被选元素的值。元素的值是通过 value 属性设置的，但div元素就算设置了value属性，使用该函数也获取不到值该方法大多用于 input 元素val...
·
jquery的text()函数：
jquery的val()函数：
- 返回或设置被选元素的值。
- 元素的值是通过 value 属性设置的，但div元素就算设置了value属性，使用该函数也获取不到值
- 该方法大多用于 input 元素
- val()只针对标签的value属性的
-
方法主要用于获取表单元素的值，如果该方法未设置参数，则返回被选元素的当前值
测试用的html代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>timerDemo</title>
<script src="https://cdn.bootcss.com/jquery/3.5.0/jquery.js"></script>
<script>
$(function () {
console.info($("#startBtn").text());
console.info($("#startBtn").val());
console.info($("#testDiv").text());
console.info($("#testDiv").val());
})
</script>
</head>
<body>
<div style="text-align: center">
<input type="text" id="timeValue" value="0秒" readonly>
<br>
<button id="startBtn" type="button" value="value值" onclick="startTimer()">开始</button>
<div id="testDiv" value="divValue">这是一个div</div>
</div>
</body>
</html>
总结：可以填写的文本如input取值赋值用val(),不可以填写的如div就用text()
参考：
https://www.cnblogs.com/WhiteM/p/7470105.html
https://blog.csdn.net/qq_41910367/article/details/83035130
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
1
0- 0
已为社区贡献7条内容
所有评论(0)