网页换肤是很常用的效果,最简单的方式就是编写两套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的详细内容,更多请关注gaodaima搞代码网其它相关文章!来源gaodaimacom搞#^代%!码网