jQuery之样式的类操作

方法：添加类addClass    、删除类removeClass、 切换类toggleClass

 1     <style>
 2         div {
 3             width: 150px;
 4             height: 150px;
 5             background-color: pink;
 6             margin: 100px auto;
 7             transition: all 0.5s;
 8         }
 9 
10         .current {
11             background-color: red;
12             transform: rotate(360deg);
13         }
14     </style>
15     <div class="current"></div>
16     <script>
17         $(function () {
18             // 1. 添加类 addClass()
19             // $("div").click(function() {
20             //     // $(this).addClass("current");
21             // });
22             // 2. 删除类 removeClass()
23             // $("div").click(function() {
24             //     $(this).removeClass("current");
25             // });
26             // 3. 切换类 toggleClass()
27             $("div").click(function () {
28                 $(this).toggleClass("current");
29             });
30         })
31     </script>