this.value与$(this).val()
来源：4-3 编程练习
97_x
2019-06-05 11:03:28
<!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("请输入用户名");
$(this).css({"border-color":"blue"});
});//此处写代码
$("input").blur(function(){
$(this).css({"border-color":"red"});
if(this.value==""){
$("span").text("用户名不能为空");
}else{
$("span").text("");
}
});
</script>
</body>
</html>
在if语句中使用$(this).val()可以实现 ，使用this.value怎么也可以实现，两者之间用法有什么限制吗？
1回答
-
好帮手慕星星
2019-06-05
你好，代码中设置的不完善：
当没有内容的时候边框是红色的，有内容的时候边框变为绿色即可，参考修改：
两种方式的区别：
this是DOM对象，$(this)是jquery对象，可以输出看看：
value是js中的属性，val()是jquery中的方法，所以DOM对象要使用js属性，jq对象要使用jquery方法，两者不能混用：
this.value或者$(this).val()
祝学习愉快！
0
相似问题