我已经能够使用document.documentElement.style.setProperty("--text-color", "#333")
编辑CSS变量,但是,我无法用jQuery重现这一点,.css()
原型似乎只适用于已知的CSS属性。
以下是上述CSS变量的示例CSS。
:root {
--text-color: #888;
}
div {
color: var(--text-color);
}
截至2017年3月16日,jQuery 3.2.0 and later已经发布了对定制物业的支持。没有计划将此功能向后移植到2.x或更早版本,因此如果出于维护原因需要使用旧版本的jQuery,则需要继续使用内置的style
对象来访问自定义属性。
jQuery尚不支持自定义属性。有一个pull request尚未被审查(但根据最近的评论似乎预计即将到来的版本)。优先级不是那么高,因为自定义属性仍然是一个相当新的功能,它们的本质使得两者都开发了一个支持它们的本机浏览器的包装器,在JavaScript中为不支持它的浏览器重新实现它们,并测试要制作的功能确保一切正常运行而不破坏其他jQuery功能以及现有网站,这是一项非常重要的任务。