jQuery使用toggleClass方法动态添加删除Class样式的方法
本文实例讲述了jQuery使用toggleClass方法动态添加删除Class样式的方法。分享给大家供大家参考。具体分析如下：
jQuery通过toggleClass方法动态添加删除Class，一次执行相当于addClass，再次执行相当于removeClass，运行下面的代码点击按钮可以看到文本段落字体在蓝色和黑色间切换
<!DOCTYPEhtml>
<html>
<head>
<scriptsrc="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("h1,h2,p").toggleClass("blue");
});
});
</script>
<styletype="text/css">
.blue
{
color:blue;
}
</style>
</head>
<body>
<h1>Heading1</h1>
<h2>Heading2</h2>
<p>Thisisaparagraph.</p>
<p>Thisisanotherparagraph.</p>
<button>Toggleclass</button>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
热门推荐
10 卡片祝福语幽默简短英文
11 PMP考试祝福语简短励志
12 早餐祝福语怎么写简短
13 写夏至的祝福语简短
14 爱情祝福语简短励志短句
15 恭喜公司发展祝福语简短
16 年终聚餐祝福语简短独特
17 女方回门宴简短祝福语
18 新年给大哥祝福语简短