如何使用 jQuery Mobile 设置图标及其在按钮中的位置？

在本文中，我们将了解如何使用 jQuery Mobile 设置按钮中的图标和图标位置。 jQuery Mobile 是一个基于 HTML5 的用户界面系统，旨在制作可在所有智能手机、平板电脑和桌面设备上访问的响应式网站和应用程序。

在这里，我们使用ui-btn ui-icon-name ui-btn-icon-position类来设置网页中的图标和图标位置。类的描述如下：

• ui-btn：该类用于创建按钮。
• ui-icon-name：这个类是用来创建图标的，这里我们把name替换成icon-name。例如 - ui-icon-star。
• ui-btn-icon-position：该类用于设置图标在按钮中的位置。在这里，我们将位置替换为位置名称，如左、右、上等。

例子：

HTML

  

    
        How to set the icon and icon 
        position in the button ?
    
  
    
    
    
    
    
    

  

    
        
  
            
                GeeksforGeeks
            
  
            
                How to set the icon and icon 
                position in the button ?
            
        
          
        Left
        Right
        Top
        Bottom
        Icon only
    

  

输出：