使用jquery添加css字体颜色

Question

当然这是一个简单的问题,但我无法解决它,有人可以帮助我吗？

这是原始的一行

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

这就是我想出来的地方,当然不正确.

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

Answer 1

你可以快速做到这一点:

$(".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; }

Answer 2

我想在这里添加一些额外的信息,以防万一你不知道.当你使用.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更改.;)

Answer 3

试试这个:

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

即使在jQuery中,每个函数调用仍然是独立的.第一个电话是.text()改变文字.第二是.css()改变CSS.事实上,在jQuery中,每个这种类型的函数调用都会返回一个jQuery对象,您可以在其上调用更多函数,从而很好地将它们链接在一起.