使用jQuery编辑CSS变量的最简单方法是什么？

Question

我已经能够使用document.documentElement.style.setProperty("--text-color", "#333")编辑CSS变量，但是，我无法使用jQuery重现这一点，.css()原型似乎只适用于已知的CSS属性。

以下是上述CSS变量的示例CSS。

:root {
  --text-color: #888;
}

div {
  color: var(--text-color);
}

Answer 1

截至2017年3月16日，自定义属性的支持已在jQuery 3.2.0 and later中发布。没有计划将此功能向后移植到2.x或更早版本，因此如果出于维护原因需要使用旧版本的jQuery，则需要继续使用内置的style对象来访问自定义属性。

jQuery尚不支持自定义属性。还有一个pull request尚待审核（但根据最近的评论似乎是针对即将推出的版本）。优先级不是那么高，因为自定义属性仍然是一个相当新的功能，它们的性质使得它们都开发了一个支持它们本机的浏览器的包装器，在JavaScript中为不支持的浏览器重新实现它们，和测试该功能以确保一切正常运行而不破坏其他jQuery功能以及现有站点，这是一项非常重要的任务。