EasyUI jQuery 链接按钮小部件

EasyUI 是一个 HTML5 框架，用于使用基于 jQuery、React、Angular 和 Vue 技术的用户界面组件。它有助于为交互式 Web 和移动应用程序构建功能，为开发人员节省大量时间。

在本文中，我们将学习如何使用 jQuery EasyUI 设计链接按钮。链接按钮用于创建超链接按钮。它是普通 标签的表示。它可以同时显示图标和文本，也可以只显示图标或文本。

EasyUI for jQuery 下载：

https://www.jeasyui.com/download/index.php

句法：

特性：

• width：这个组件的宽度。
• height：该组件的高度。
• id：该组件的 id 属性。
• disabled: True 禁用按钮。
• toggle: True 使用户能够将其状态切换为选中或未选中。
• selected：定义按钮的状态是否被选中。
• group：表示按钮所属的组名。
• 平原：真正显示一个简单的效果。
• 文本：按钮文本。
• iconCls：在左侧显示 16×16 图标的 CSS 类。
• iconAlign：按钮图标的位置。
• 大小：按钮大小。

事件：

• onClick：点击按钮时触发。

方法：

• options ：返回选项属性。
• 调整大小：调整按钮的大小。
• disable ：禁用按钮。
• enable : 启用按钮。
• 选择：选择按钮。
• 取消选择：取消选择按钮。

CDN 链接：首先，添加项目所需的 jQuery Easy UI 脚本。

例子：

HTML

 
     
  
     
         
         
                  
        
         
  
         
  
         
  
        
         
         
  
        
         
         
          
        
         
         
  
     
      $(document).ready(function (){ 
          $('#gfg').linkbutton({
              text: "GeeksforGeeks"
          }); 
      }); 
         
     
  
    
  
        GeeksforGeeks
        EasyUI jQuery linkbutton widget
        
        
    

输出：

参考： http://www.jeasyui.com/documentation/