老师颜色怎么没有变化啊？

来源：4-3 编程练习

一只会跳桑巴的猪

2019-02-25 21:17:58

<!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>
    $(function(){
        $('input').focus(function(){
           $('span').text('请输入用户名');
           $('span').css('border-color','blue');
        });
        $('input').blur(function(){
            if($('input').val()==""){
                $('span').text('用户名不能为空');
                $('span').css('border-color','red');
            }else{
                $('span').css('border-color','green');
                $('span').text('');
            };
        })
    })

    </script>
</body>

</html>