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

Question

我正在为聊天客户端开发原型。它现在没有服务器功能或实际交互性；我对 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', '#999999') 等的变化来更改颜色，但是一旦我将其插入代码中，该程序似乎完全失去了它的功能。

另外，如何在日期和用户输入之间插入一些空格？我尝试过使用  ，但是没有用。

Answer 1

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

$(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('');
  });
});

Answer 2

您必须对文本区域内的文本执行此操作，如下所示：

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

Js fiddle 点击这里http://jsfiddle.net/6uXHL/