Javascript jQuery中的样式切换程序，无需页面刷新

我现在有一个页面具有default.css样式
我有一个style1.css文件，另一个是style2.css文件。
我有一个UI下拉列表，它有两个选项

当我选择其中一个，然后应用style1.css和其他同样的东西

不应刷新页面

---

我怎样才能做到这一点呢？

看看，如果您没有特定的上下文，我建议您考虑使用jQuery

假设您有这样的HTML，本例中的div使用默认样式

style1

，一个按钮将切换出样式：

<div id="myDiv" class="style1"></div>
<button id="myButton">Switch Styles</button>

​要在使用

toggleClass（）

方法单击按钮时切换它们，可以执行以下操作：

$(document).ready(function(){
    $("#myButton").on("click", function(){
        $("#myDiv").toggleClass("style2");
    });
});

看

---

您可以从任何位置（而不仅仅是按钮）触发切换，这只是一个示例。

如果您希望页面或部分具有完全不同的主题，请在其上或父元素上设置一个类，并使用一个包含所有信息的样式表。body.theme1 a{}用于主题中的所有链接instance@joevallender：+1谢谢。确切地说，我想照你说的做，我做到了。

$(document).ready(function(){
    $("#myButton").on("click", function(){
        $("#myDiv").toggleClass("style2");
    });
});