jQuery 是一个流行的 JavaScript 库，用于简化 HTML 文档的操作、事件处理、动画效果等。其中的 toggleClass() 方法是用来在元素之间切换一个或多个类名的方法。本文将详细介绍 toggleClass() 方法的用法及示例。
语法
------------------------------ -------
- selector: 必需，要操作的元素选择器。
- class: 必需，要切换的类名。
- switch: 可选，一个布尔值，用于判断是否要添加或移除类名。如果为 true，则添加类名；如果为 false，则移除类名。默认为切换类名。
示例
HTML 代码
--------- -----
------
------
------------- ------------- ------------
------- -----------------------------------------------------------
-------
------
------- ---------------------------------
---- ------------------------ --- --------
-------
-------JavaScript 代码
-----------------------------
------------------------------------
-----------------------------------------
---
---CSS 代码
---------- -
----------------- -------
------ ----
------------ -----
-在上面的示例中，当点击按钮时，div 元素的样式会切换为 highlight 类的样式，再次点击则会切换回原来的样式。
注意事项
- toggleClass() 方法可以同时切换多个类名，只需要在参数中以空格分隔即可。
- 如果 switch 参数为 false，且元素没有指定的类名，则不会有任何效果。
- toggleClass() 方法可以与其他 jQuery 方法结合使用，实现更丰富的交互效果。
希望通过本文对 jQuery toggleClass() 方法有更深入的了解，能够在实际开发中灵活运用，提升用户体验。