jQuery增删元素类名
作用等同于以前的classList，可以操作类样式，注意操作类里面的参数不要加点
1、添加类
$("div").addClass("current");
2、删除类
$("div").removeClass("current");
3、切换类
$("div").toggleClass("current");
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="js/jquery.min.js"></script> <style> div { width: 100px; height: 100px; background-color: pink; transition: all, .3s; } .current { width: 200px; height: 200px; background-color: red; transform: rotate(360deg); } </style> <title>Document</title> </head> <body> <div class="current"></div> <script> $(function() { $('div').click(function() { // $(this).addClass('current'); }) $('div').click(function() { // $(this).removeClass('current'); }) $('div').click(function() { $(this).toggleClass('current') }) }) </script> </body> </html>
