在整个网站上禁用CSS的JQuery按钮？

Question

我想制作这些按钮，在我正在制作的整个网站上启用/禁用css。我试图这样做，当用户点击按钮来禁用/启用css时，它会在网站的所有网页上显示，而不仅仅是用户所在页面。

到目前为止，我启用/禁用css的代码如下

<script>
$("#text-only").click(function () { jQuery('#mainStyleSheet').remove();}); 
$("#renable-style").click(function () {$('head').append('<link href="css/style.css" rel="stylesheet" id="mainStyleSheet" />');});
</script>

有什么想法吗？

Answer 1

{$('head').append('<link href="css/style.css" rel="stylesheet" id="mainStyleSheet" />');}); 

而不是

{$('head').html('<link href="css/style.css" rel="stylesheet" id="mainStyleSheet" />');});

Answer 2

在我看来，你应该为你在网页上创建的每个对象添加一个css类。在该类中进行所有更改。