带有变量和多个值的 jQuery .css() 函数答案

【问题标题】：jQuery .css() function with variables and multiple values带有变量和多个值的 jQuery .css() 函数
【发布时间】：2011-12-11 04:51:53
【问题描述】：

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

举例说明：

这非常有效。它将em 添加到victore 的计算值中：

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

这不是：

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

em 需要引号......但值也是如此。用括号包裹它不起作用

【问题讨论】：

【解决方案1】：

你不应该在整个事情上加上引号：

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

【讨论】：

【解决方案2】：

font-size 值必须是字符串，但该字符串可以是表达式的结果，在您的情况下，victore + 'em' 应该产生适当的字符串。

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

【讨论】：

【解决方案3】：

这是fiddle。

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

【讨论】：

啊，我明白了。我在复制代码时犯了一个错误。请参阅编辑后的帖子，了解另一个不起作用的示例。用你的小提琴试了一下，没有骰子
@technopeasant，请参阅updated fiddle。我在示例中使用了像素而不是 em。编辑：这是一个带有em的版本：jsfiddle.net/sPEVs/2