使用jQuery添加CSS字体颜色

Question

虽然这是一个简单的问题，但我却无法解决它，有人可以帮忙吗？

这是原始行

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

这是我想出来的，但肯定不正确。

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

- Chris

---

添加了一个“jquery”标签，因为这个问题与jQuery有关。 - Steve Harrison

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; }

- Sampson

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更改。 ;)

- John Nicely

---

太棒了！我差不多学懂了JavaScript，现在又有jQuery出现了；-) - Chris

rofl。jQuery实际上简化了很多事情，因为它的语法更简单。如果我要猜的话，我会说今天我所做的75%涉及JavaScript的工作都是在jQuery中完成的，而不是在基本的JavaScript本身中完成的。jQuery对于JavaScript来说就像C++对于机器语言一样...（类固醇？） - John Nicely

Answer 3

试试这个：

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

每个函数调用，甚至在jQuery中，都是独立的。第一个调用是 .text() 以更改文本内容。第二个调用是 .css() 以更改CSS样式。恰好在jQuery中，每个此类函数调用都返回一个jQuery对象，您可以在其中调用更多函数，从而将它们全部连接起来。

- VoteyDisciple

Answer 4

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

- MiffTheFox