jQuery之样式的类操作

时间:2019-11-29
本文章向大家介绍jQuery之样式的类操作，主要包括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>

原文地址：https://www.cnblogs.com/jianguo221/p/11956272.html

随机文章
Javascript知识点必读
最近更新