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の機能や既存のサイトを壊すことなく、すべての機能が正常に動作することを確認してください。