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