如何使用jQuery切换我的CSS样式表?

前端之家收集整理的这篇文章主要介绍了如何使用jQuery切换我的CSS样式表?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在做的是简单的。

你点击一个按钮(id =“主题”),它打开一个div(id =“themedrop”),向下滑动并列出主题。 (我这里只有两个)

<button id="original">Original</button><br />
<button id="grayscale">Grayscale</button>

现在当网站加载它加载与style1.css(主/原始主题)

<link rel="stylesheet" type="text/css" href="style1.css">

现在我想弄清楚的是…
我怎么可以这样,当灰度按钮被点击将样式表从style1.css更改为style2.css(注意:文件在同一目录中)

任何帮助将不胜感激。

解决方法

$('#grayscale').click(function (){
   $('link[href="style1.css"]').attr('href','style2.css');
});
$('#original').click(function (){
   $('link[href="style2.css"]').attr('href','style1.css');
});

给这个尝试,但不知道如果它会工作我没有测试它,但运气。

原文链接:https://www.f2er.com/jquery/184999.html

猜你在找的jQuery相关文章