jQuery - toggleClass()在两个类之间切换-在线运行代码案例-大卫编程网

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<title>jQuery - toggleClass()在两个类之间切换示例 - 基础教程(div.cn)</title>
​
<head>
<style>
.myClass {
   background: lightgreen;
   font-size: 3em;
   padding: 12px 8px;
   margin: 10px 0;
}
.anotherClass {
   width: 50%;
   background: coral;
   font-size: 3em;
   padding: 30px 14px;
   border-radius: 25px;
}
</style>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").toggleClass("anotherClass");
  });
});
</script>
</head>
<body>
​
<button>单击该按钮可在两个类之间切换</button>
<p class="myClass">这是一个段落</p>
​
</body>
</html>