val()和text（）的区别是什么
来源：4-3 编程练习
hyperse
2019-06-13 09:52:15
18行写text方法就无法实现题干的效果，改成了val方法才可以，两者不是都表示控件的内容吗。。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>习题</title>
</head>
<body>
<input type="text" value=""><span></span>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script>
//此处写代码
$("input").focus(function(){
$("span").text("请输入用户名").css("color","black");
});
$("input").blur(function(){
if($(this).text()==""){
$("span").text("用户名不能为空").css("color","red");
$(this).css({"border":"1px solid red"});
}else{
$(this).css({"border":"1px solid green"});
$("span").text("");
}
})
</script>
</body>
</html>
1回答
-
好帮手慕慕子
2019-06-13
同学你好，两者的区别是： val()表示获取表单元素（input等）的值， text()方法表示获取开始标签和结束标签中间的内容。
因为input是单标签， 没有结束标签，所以无法通过text方法获取输入的内容， 建议修改：
另， 如下图所示， 当获得焦点的时候，应该要把红色边框清除
建议修改：
如果帮助到了你， 欢迎采纳！
祝学习愉快~~~
0
相似问题