<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="jquery-3.3.1.js"></script>
<script>
//4.文本框的相应操作
$(
function(){
$("input").mouseout(
function(){
if($(this).val()==""){
$(this).css("background-color","red");
}else{
$(this).css("background-color","white");
}
}
)
}
)
</script>
</head>
<body>
<p>当光标离开文本框的时候如果文本框为空 ,则将文本框背景色设置为红色,如果不为空则为原色</p>
<input type="text"><br><br>
<input type="text"><br><br>
<input type="text"><br><br>
<input type="text"><br><br>
<input type="text"><br><br>
</body>
</html>