通过addClass 可以为标签动态的添加多个样式类， removeClass可以移除多个, 空格隔开每个类
<html>
<head>
<link href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
<script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.js"></script>
<script src="http://cdn.bootcss.com/bootstrap-hover-dropdown/2.0.10/bootstrap-hover-dropdown.min.js"></script>
<style type="text/css">
.oneclass{
font-size: 30px;
}
.twoclass{
background-color: #fff000;
}
</style>
</head>
<body>
<p>sss</p>
<button id="btn1">字变大</button>
<button id="btn2">颜色</button>
<button id="btn3">字恢复</button>
</body>
<script type="text/javascript">
$(function(){
$('#btn1').click(function(){
$('p').addClass('oneclass')
})
$('#btn2').click(function(){
$('p').addClass('twoclass')
})
$('#btn3').click(function(){
$('p').removeClass('oneclass twoclass')
})
})
</script>
</html>
扫一扫
209
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
