已解決430363個問題，去搜搜看，總會有你想問的

如何使用jQuery切換CSS樣式表？

首頁猿問如何使用jQuery切換CSS樣式表？

如何使用jQuery切換CSS樣式表？

JQuery Html/CSS

慕碼人2483693 2019-08-06 17:50:20

如何使用jQuery切換CSS樣式表？我正在做的事情很簡單。您單擊一個按鈕(id="themes")，它會打開一個(id="themedrop")向下滑動的div 并列出主題。（此時我只有兩個）<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（注意：文件在同一目錄中）任何幫助將非常感激。

查看完整描述

3 回答

牛魔王的故事

TA貢獻1830條經驗獲得超3個贊

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

嘗試一下，但不確定它是否會起作用我沒有測試過，但運氣好。

反對回復 2019-08-06

小唯快跑啊

TA貢獻1863條經驗獲得超2個贊

我建議你給link-tag一個id如主題。將css文件的名稱data放在按鈕上的-attribute中，并對它們使用相同的處理程序：

HTML：

<link id="theme" rel="stylesheet" href="style1.css"><button id="grayscale" data-theme="style2.css">Gray Theme</button>

和js：

$("button[data-theme]").click(function() {
    $("head link#theme").attr("href", $(this).data("theme"));}

反對回復 2019-08-06

守著一只汪

TA貢獻1872條經驗獲得超4個贊

快速的方法是，

function turnGrey(){

document.getElementById("original").href="grey.css";

}

</script>

反對回復 2019-08-06

3 回答
0 關注
965 瀏覽

關注

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

如何使用jQuery切換CSS樣式表？

如何使用jQuery切換CSS樣式表？

3 回答

相關問題推薦

添加回答

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何使用jQuery切換CSS樣式表？

如何使用jQuery切換CSS樣式表？

3 回答

相關問題推薦

添加回答

如何使用jQuery切換CSS樣式表？

如何使用jQuery切換CSS樣式表？