jQuery操作类相关的方法
<body>
<style>
*{
margin: 0;
padding: 0;
}
.class1{
width: 100px;
height: 100px;
background-color:red;
}
.class2{
border: 10px solid;
}
</style>
<script src="js/1.12.4.js"></script>
<script>
$(function () {
var btns = document.getElementsByTagName("button");
btns[0].onclick = function () {
$("div").addClass("class1 class2");
}
btns[1].onclick = function () {
$("div").removeClass("class1 class2")
}
btns[2].onclick = function () {
$("div").toggleClass("class1 class2")
}
})
</script>
<button>添加类</button>
<button>删除类</button>
<button>切换类</button>
<div></div>
</body>