文献种类：专题技术总结文献
开发工具与关键技术： VS MVC
作者：胡水旺 ；年级：20级 ；撰写时间：2021 年 5 月 7日
文献编号：01 归档时间： 2021 年 5 月 8 日
用jquery切换css样式
- 打开vs创建HTML的文档。
- 首先我们得给HTML中添加一个按钮标签button。
3、首先们要设置两个CSS样式，一个使用另一个留着切换，我们要给li标签设置一个点击事件，在使用toggleClass这个属性来实现css样式的切换效果。
<style>
li{
font-size:24px;
color:#b200ff;
background:#ff6a00;
}
.SI{
font-size:24px;
color:#4800ff;
background:#ff0000;
}
</style>
<body>
<div id="box">
<li>你好</li>
</div>
</body>
</html>
<script src="~/Content/jquery-1.12.4/jquery-1.12.4.js"></script>
<script>
$(function () {
$("li").click(function () {
$(this).toggleClass("SI")
})
})
- </script>
4、以上是采用JQuery的方式来改变CSS的样式写法。
5010
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
