jQuery .css()函数包含变量和多个值

时间:2011-12-11 04:51:54

标签: javascript jquery css syntax

奇怪的小麻烦。我正在使用jQuery的.css()方法来改变文本的大小(长篇故事;不,我不能使用媒体查询)使用变量,我需要添加em。我不确定语法是什么,因为CSS更改有多个值。

举例说明:

这完美无缺。它会将em添加到victore的计算值:

$('h1').css('font-size', victore + 'em');

这不是:

$('h1').css({
    'font-size':victore + 'em',
    'line-height':vignelli + 'em';
});

em需要报价......但价值也是如此。把它包裹在parens中是行不通的

3 个答案:

答案 0 :(得分:18)

你不应该在整个事情上引用:

$('h1').css({
    'font-size': victore + "em",
    'color':'red'
});

答案 1 :(得分:0)

font-size值必须是一个字符串,但该字符串可以是表达式的结果,在您的情况下victore + 'em'应该生成相应的字符串。

$('h1').css({ 
    'font-size': victore + 'em', 
    'color': 'red' 
});

答案 2 :(得分:0)

这是fiddle

$('h1').css({
    'font-size':victore + "em",
    'color':'red'
});