如何使用引导和jQuery在两个没有按钮的图标之间切换？

给定一个带有两个图标的HTML文档，任务是每次用户单击该图标时交替显示这些图标。借助jQuery(JavaScript库)可以轻松完成此任务。

方法：方法是简单地向两个图标添加“ on click”事件侦听器，并使用jQuery切换两个图标的CSS类。这些类最终负责显示图标库中的特定图标(在本例中为Fontawesome)。在这里，我们使用了两个图标，

1. 类别名称为“ fa-bars”的一个(菜单图标)
2. 班级名称为“ fa-times”的一个(十字图标)

每当用户单击菜单图标时，其“ fa-bars”类将切换为“ fa-times”，因此将显示十字图标，反之亦然。

例子：

HTML

  

    
    
  
    
    
  
    
    
    
      
    
    
    

  

    
    
      
    
        $(".fas").click(function () {
            $(".fas").toggleClass("fa-bars fa-times");
        });
    

  

输出：