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

【问题标题】：How do i set a dynamic gradient color using JQuery如何使用 JQuery 设置动态渐变颜色
【发布时间】：2017-05-13 06:41:57
【问题描述】：

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

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

【问题讨论】：

标签： jquery css dynamic

【解决方案1】：

有什么阻止你使用 .css 的吗？

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

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

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

【讨论】：