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'）等变体来改变颜色，但是一旦我将其插入代码中，程序似乎完全失去了它的功能。

另外，如何在日期和用户输入之间插入一些空格？我尝试过使用＆amp; nbsp，但这不起作用。

Answer 1

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

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

Js fiddle of hit here http://jsfiddle.net/6uXHL/

Answer 2

你可以找到一个演示here。代码（有点修改为更漂亮）：

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

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

2 个答案: