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

Question

我目前正在使用以下代码在 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;
}

注意实际上是一个十六进制值，所以我想将渐变更改为该十六进制颜色。我将如何重构此代码以使颜色是动态的

Answer 1

有什么东西阻止您使用 .css 吗？

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

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

从 jQuery 1.8.0 开始，它确实处理供应商前缀，如下所述: Does .css() automatically add vendor prefixes?