Question

我正在开展一个学校项目，其中要求是使用jQuery根据当前时间执行问候语。老师希望我使用jQuery元素，选择器和过滤器以及事件处理程序来完成这项工作。我已经能够使用jQuery使程序工作，但我遇到了他们所有要求的问题。这是我到目前为止的代码：

<!DOCTYPE html>
<html class lang="en">
<head>
  <meta charset="utf-8">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

  <script type="text/javascript">
  $(document).ready(function() {
        var now = new Date();
        var hours = now.getHours();
        var msg;

        if (hours < 12) msg = "Good Morning!";
        else if (hours < 18) msg = "Good Afternoon!";
        else msg = "Good Evening!";
    $('#time').html('<p>'+msg+'</p>');
    });

    $(":text").css("color", "red");
  </script>
</head>
<body>
  <div class="container">
    <div id="time">
        <p>+msg+</p>
    </div>
  </div>
</body>
</html>

我不确切地知道我哪里出错了。我认为我的过滤器位于功能之外，是否符合所有要求。我是jQuery的新手，并且有点困难。非常感谢任何帮助。

使用jQuery

0 个答案: