欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jq 切換css文件

林雅南2年前10瀏覽0評論

在Web開發(fā)中,我們通常會(huì)使用CSS來美化網(wǎng)頁,但有時(shí)候我們需要在不同的情況下切換不同的CSS文件。這時(shí)候,我們可以使用jQuery來輕松實(shí)現(xiàn)CSS文件的切換。

// 切換CSS文件函數(shù)
function switchCSS(href) {
$("link[rel='stylesheet']").attr("href", href);
}
// 點(diǎn)擊事件
$("#btn1").click(function() {
switchCSS("style1.css");
});
$("#btn2").click(function() {
switchCSS("style2.css");
});

以上代碼實(shí)現(xiàn)了一個(gè)簡單的CSS文件切換功能。首先,我們定義了一個(gè)名為switchCSS的函數(shù),這個(gè)函數(shù)接受一個(gè)參數(shù)href,也就是新的CSS文件的路徑。接著,我們使用jQuery的attr方法更改link標(biāo)簽中rel屬性為stylesheet的href屬性為新的路徑,這樣就能切換到不同的CSS文件了。

在HTML中,我們需要為切換按鈕綁定點(diǎn)擊事件。當(dāng)點(diǎn)擊按鈕時(shí),就可以調(diào)用switchCSS函數(shù)來切換CSS文件了。以上代碼中,我們使用了id為btn1和btn2的兩個(gè)按鈕來演示如何實(shí)現(xiàn)CSS文件的切換。