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()的有效签名，用于设置样式值。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

如果您尝试设置规则，

.css会请求一对两个字符串（rulename和value）或具有名称/值对的对象。如果您只提交一个字符串，它会尝试返回具有匹配名称的规则的值（在您的情况下不存在）。

试试这个：

var styles = {'font-weight': "bold"};

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

工作小提琴：http://jsfiddle.net/ocgb77m8/