Light
热门：华为支持参数分辨率解决方法控制属性启动升级错误平台推荐步骤模式查询运行空间文件夹鼠标图标重启激活联想检查状态应用程序

jquery如何切换两个css

2022-10-23 15:56:29

网页换肤是很常用的效果，最简单的方式就是编写两套css，一套适用于白天，一套适用于夜晚，然后使用js来切换加载。下面就介绍一下如何使用jquery实现两个css的加载切换功能，供各位参考。

jquery如何切换两个css

1、创建两个按钮用来触发点击事件

<button id="light">Light</button>
<button id="night">Night</button>

2、使用jquery注册点击事件（相关课程推荐：jQuery教程）

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

通过选择器link[href="style2.css"]获取link标签，然后使用attr方法设置href属性的值，来达到切换css文件的目的。

本文来自jQuery答疑栏目，欢迎学习！

以上就是jquery如何切换两个css的详细内容，更多请关注易知道|edz.cc其它相关文章！

点击事件加载参考网页切换

推荐阅读