在前端开发中，我们经常需要对于 HTML 元素进行添加、移除、修改类名的操作。classing 是一款简单易用的 npm 包，它可以方便地实现这些基本操作，同时支持链式调用以及回滚操作。
安装
安装 classing 只需在终端输入以下命令：
--- ------- --------
基本使用
在使用 classing 之前，需要先引入它：
------ -------- ---- -----------
然后，我们就可以使用它提供的方法来对 HTML 元素进行类名操作了。例如，我们想要为一个元素添加一个类名，可以这样写：
----- ------- - -------------------------------------- ----------------------------------
同样地，我们可以使用 remove 方法来移除一个类名：
-------------------------------------
还可以使用 toggle 方法来切换一个类名的状态：
-------------------------------------
链式调用
classing 支持链式调用，可以方便地对一个元素进行多个类名操作。例如，我们想要先添加一个类名，再移除另一个类名，可以这样写：
--------------------------------------------------------
回滚操作
classing 还支持回滚操作，可以方便地撤销前一次的类名操作。例如，我们先添加一个类名，然后又移除了它，但是现在想要撤销这个移除操作，可以这样写：
----------------------------------------------------- -------------------------
示例代码
下面是一个示例代码，演示了如何使用 classing 对一个按钮进行类名操作，并且支持回滚操作。
------- -------------------- ----------- ------- -------------- ------ -------- ---- ----------- ----- ------ - ------------------------------------- -- ----------- ------------------------------ -- -- -- ------ ------------------------------------ ------------------------------ -- --------------- -- ---------------- -------------------------------------------------------- ------------------------------ -- ------------- -- ------- ------------------------ ------------------------------ -- --------------- ---------
总结
classing 是一款非常实用的 npm 包，它可以方便地对 HTML 元素进行类名操作，并支持链式调用和回滚操作。在开发过程中，合理利用 classing 可以节省大量的时间和精力，提高开发效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/49050