javascript - JQuery 应用存储在变量中的 css

Question

我有一个 div，要使用存储在变量中的 CSS 样式设置样式。像这样:

var styles = 'font-weight","bold"';

$('div').css(styles);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div>The Div to be styled</div>

这演示了我想做什么，但它行不通。有没有人有任何想法。谢谢。

Answer 1

尝试，

var styles = {'font-weight':'bold'};
$('div').css(styles);

在您的代码中，您将单个 string 参数传递给 .css() 函数。这不是用于设置样式值的 .css() 受支持的有效签名。

var styles = {'font-weight':'bold'};
$('div').css(styles);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div>The Div to be styled</div>