Javascript 使用jquery添加css字体颜色

Javascript 使用jquery添加css字体颜色,javascript,jquery,css,Javascript,Jquery,Css,当然这是个简单的问题,但我无法解决,有人能帮我吗 这是原始行 $('.winning-col', this).text($('td.win', this).length); 这就是我想到的,肯定不对。 $('.winning-col', this).text.css('color', 'pink'($('td.win', this).length)); 试试这个: $('.winning-col', this).text($('td.win', this).length).css('colo

当然这是个简单的问题,但我无法解决,有人能帮我吗

这是原始行

$('.winning-col', this).text($('td.win', this).length);
这就是我想到的,肯定不对。

$('.winning-col', this).text.css('color', 'pink'($('td.win', this).length));
试试这个:

$('.winning-col', this).text($('td.win', this).length).css('color', 'pink');

即使在jQuery中,每个函数调用仍然是独立的。第一个调用是
.text()
,以更改文本。第二种方法是
.css()
来更改css。恰好在jQuery中,这种类型的每个函数调用都会返回一个jQuery对象,您可以在该对象上调用更多函数,从而将它们很好地链接在一起。

您可以通过以下快速方式完成:

$(".winning-col", this)
  .text($("td.win", this).length)
  .css("color", "pink");
但理想情况下,您可以使用.addClass:

$(".winning-col", this)
  .text($("td.win", this).length)
  .addClass("hilighted");
在哪里

.hilighted { color: pink; }

我想我会在这里添加一些额外的信息,以防你不知道。当您使用.css()函数时,还可以将参数指定为所谓的对象文字,这基本上表示以下格式的内容:

{objectVarName1: objectVarValue1, objectVarName2: objectVarValue2}
您也可以这样做:

{"objectVarName1": objectVarValue1, "objectVarName2": objectVarValue1}
使用.css()函数,可以执行以下操作:

$("#the_item_id").css({backgroundColor: "#333", color: "#FFF"});
如果要传递的变量名不在引号中,则必须使用驼峰大小写,就像我上面所做的那样,这意味着CSS属性名称的第一个单词是小写的,但后面的每个单词都是大写的(因此CSS属性
background color
变成
backgroundColor
)。要以将变量名放在引号中的形式执行上述操作,只需执行以下操作:

$("#the_item_id").css({"background-color": "#333", "color": "#FFF"});

只是想指出,您不必将对.css()的多个调用链接在一起,您可以一次完成所有css更改。;)

添加了一个“jquery”标记,因为这个问题与jquery有关。太好了!我几乎理解了javascript,现在有了jquery;-)爆笑。jquery实际上简化了很多事情,因为语法更简单。如果我不得不猜测的话,我会说我今天所做的涉及javascript的工作中有75%是在jquery中,而不是在基本级别javascript本身中。JQuery是JavaScript C++语言是机器语言的东西…(类固醇?)
$("#the_item_id").css({"background-color": "#333", "color": "#FFF"});