如何使用JQuery设置动态渐变颜色

时间:2016-12-28 23:39:24

标签: jquery css dynamic

我目前正在使用以下代码

在javascript中为DIV添加一个类
if(note !== 0) $el.addClass('seq-note');

这是css

.seq-ui .seq-row span.seq-note {
  background: #444 -webkit-linear-gradient(#7c8, transparent);
  background: #444 linear-gradient(#7c8, transparent);
  border-color: #565;
}

注意实际上是十六进制值,所以我想将渐变更改为该hax颜色。我将如何重新考虑此代码以使颜色是动态的

1 个答案:

答案 0 :(得分:1)

有什么阻止你使用.css吗?

var bgColor;
bgColor = "#444 linear-gradient(#" + note + ")";
$('.seq-note').css("background", bgColor);

这不会更新CSS文件 - .css通过向DOM添加内联CSS来工作 - 所以我相信您添加此类的任何未来div将不具有此属性。

这确实处理了自jQuery 1.8.0以来的供应商前缀,如下所述: Does .css() automatically add vendor prefixes?