Javascript 是否可以通过jQuery全局更改CSS变量？

我想使用CSS变量并通过jQuery全局更改它们

下面是一些代码：

$div.clickfunction{ //全局更改-文本颜色：rgb0，0，255；例如-文本颜色：rgb0，255，255； }; ：根{ -文字颜色：rgb0，0，255； } div{ 颜色：var-text\u颜色； }

---

Hello由于变量是全局变量，您可以在样式中的任何位置设置它，值将被更新

$("div").click(function() {
    this.setAttribute("style", "--text_color: rgb(255, 255, 255);");
});

但是，我建议您不要修改全局变量，而是更新一个类名。列出根变量并在不同的类中使用不同的值：

:root {
    --text-color1: rgb(0, 0, 255);
    --text-color2: rgb(0, 255, 255);
}
.class1 {
    color: var(--text-color1);
}
.class2 {
    color: var(--text-color1);
}

现在，您可以单击更改类名：

$("div").click(function() {
   this.className = "class2";
});

---

由于该变量是全局变量，因此可以在样式中的任何位置设置它，并且该值将被更新

$("div").click(function() {
    this.setAttribute("style", "--text_color: rgb(255, 255, 255);");
});

但是，我建议您不要修改全局变量，而是更新一个类名。列出根变量并在不同的类中使用不同的值：

:root {
    --text-color1: rgb(0, 0, 255);
    --text-color2: rgb(0, 255, 255);
}
.class1 {
    color: var(--text-color1);
}
.class2 {
    color: var(--text-color1);
}

现在，您可以单击更改类名：

$("div").click(function() {
   this.className = "class2";
});

---

这一点已经得到了询问和回答

但要回答你的问题

$this.get0.style.setPropertyvariable，值；

---

这一点已经得到了询问和回答

但要回答你的问题

$this.get0.style.setPropertyvariable，值； 在头部附加一个标记。为了进一步操作，请给它一个id，以便您可以轻松删除或修改它

常量规则=`：根{ -文本颜色：rgb0，0，255；} div{ 颜色：var-text\u颜色； }` $div.clickfunction{ $，{text:rules}.appendTo'head'； }; Hello在头部添加一个标记。为了进一步操作，请给它一个id，以便您可以轻松删除或修改它

常量规则=`：根{ -文本颜色：rgb0，0，255；} div{ 颜色：var-text\u颜色； }` $div.clickfunction{ $，{text:rules}.appendTo'head'； };

---

您好也许可以尝试通过addClass更改类

如果您需要重新更改它，可以使用removeClass

差不多是这样叫的

$(document).ready(function(){
  $("button").click(function(){
    $("h1, h2, p").addClass("blue");
    $("div").addClass("important");

与CSS类似

.important {
  font-weight: bold;
  font-size: xx-large;
}

.blue {
  color: blue;
}

---

也许可以尝试通过addClass更改类

如果您需要重新更改它，可以使用removeClass

差不多是这样叫的

$(document).ready(function(){
  $("button").click(function(){
    $("h1, h2, p").addClass("blue");
    $("div").addClass("important");

与CSS类似

.important {
  font-weight: bold;
  font-size: xx-large;
}

.blue {
  color: blue;
}

---

这回答了你的问题吗？希望这两篇文章能对你有所帮助。这回答了你的问题吗？这回答了你的问题吗？希望这两篇文章能对你有所帮助。这回答了你的问题吗？