Javascript 如何在JQuery中更改日期变量的颜色？

我正在开发一个聊天客户端的原型。它现在没有服务器功能或实际的交互性；我对JavaScript/JQuery还相当陌生，我只是想学习如何在用户提交文本后让文本显示出来。话虽如此，代码中的所有内容对我来说都很好。到目前为止，我在JQuery中有以下内容：

$(document).ready(function () {
$('#send').click(function () {
    var text = $('#textField').val();
    var date = new Date();
    var hours = date.getHours();
    var minutes = date.getMinutes();
    var seconds = date.getSeconds();
    $('#textArea').val($('#textArea').val() + hours + ":" + minutes + ":" + seconds + text + "\n");
    $('#textField').val('');
});
});

我尝试过用date.css（'color'，'#99999'）之类的变体来更改颜色，但一旦我将其插入代码中，程序似乎就完全失去了功能

---

另外，如何在日期和用户输入之间插入一些空白？我尝试过使用，但不起作用

您必须对文本区域内的文本执行以下操作：

$("#textArea").css({color: 'red'});

在这里你可以找到一个演示。 代码（稍微修改为更漂亮）：

---

“我尝试过用date.css（'color'，'#99999'）之类的变体来更改颜色，但一旦我将其插入代码中，程序似乎就完全失去了功能。”。这是因为

date

是一个日期对象，而不是可以使用jQuery的

.css（）

方法的jQuery对象。要将彩色日期插入何处？如果在文本字段中，您需要更改字段的css，而不是日期对象，该对象没有任何css可更改

$（'#textArea'）.css（{color:'red'}）？谢谢，这很有效。但是，如果我只想更改日期的颜色，而不想更改输入文本，该怎么办？
$(document).ready(function () {
  $('#send').click(function () {
      var textField = $('#textField'),
          text = textField.val(),
          date = new Date(),
          hours = date.getHours(),
          minutes = date.getMinutes(),
          seconds = date.getSeconds(),
          textArea = $('#textArea');

      textArea.val(textArea.val() + hours + ":" + minutes + ":" + seconds + text + "\n")
              .css({ color: '#999' });

      textField.val('');
  });
});