添加与删除类名addClass()与removeClass() · jQuery学习

``` addClass()与removeClass() ``` 他们两者是JQ函数库提供的，他们两者主要作用是，可用给匹配节点添加或移除类名称操作 addClass()：为添加节点类名称 removeClass()为删除类名称比如DIV中有一个类名叫做 box ``` <div class="box"> <div> ``` 可用使用addClass()添加节类名， addClass(“cur") DIV就变成了 ``` <div class="box cur" > <div> ``` ## 代码如下： ~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="./jquery/jquery-3.2.1.min.js"></script> <title>Title</title> <style> *{ margin: 0; padding: 0; } .box{ width:500px; height:500px; background: red; } .cur{ background: #4c6f2b; } </style> </head> <body> <button>点我添加类名</button> <button>点我移除类名</button> <div class="box"></div> </body> </html> <script type="text/javascript"> $("button:eq(0)").click(function(){ $("div").addClass("cur"); }); $("button:eq(1)").click(function(){ $("div").removeClass("cur"); }) </script> ~~~