jQuery之样式的类操作

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

     <style>
         div {
             width: 150px;
             height: 150px;
             background-color: pink;
             margin: 100px auto;
             transition: all 0.5s;
         }

         .current {
             background-color: red;
             transform: rotate(360deg);
         }
     </style>
     <div class="current"></div>
     <script>
         $(function () {
             // 1. 添加类 addClass()
             // $("div").click(function() {
             //     // $(this).addClass("current");
             // });
             // 2. 删除类 removeClass()
             // $("div").click(function() {
             //     $(this).removeClass("current");
             // });
             // 3. 切换类 toggleClass()
             $("div").click(function () {
                 $(this).toggleClass("current");
             });
         })
     </script>