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