为什么这里的边框显示不出来呢

来源：4-3 编程练习

土土的星

2019-03-07 20:21:21

<!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>
    //此处写代码
    $(document).ready(function(){
        $('input').focus(function(){
            $("span").text("请输入用户名");
            $("input").css('borderColor','1px solid blue');
        })
    
         $('input').blur(function(){
             if($('input').val()==""){
            $("span").text("用户名不能为空");
            $("input").css('borderColor','1px solid red');             
             }
             else {
              $("span").text("");
              $("input").css('borderColor','1px solid black');
             }
        }) 
    })
   
    </script>
</body>
</html>

写回答

1回答