📜  jQWidgets简介

📅  最后修改于: 2022-05-13 01:55:59.506000             🧑  作者: Mango

jQWidgets简介

jQWidgets是一个 JavaScript 框架,用于为 PC 和移动设备制作基于 Web 的应用程序。它是一个非常强大和优化的框架,独立于平台,并且被广泛支持。它有 60 多个 UI 小部件,有助于创建有吸引力的 UI 设计。

jQWidgets简介

为什么选择 jQWidgets?

jQWidgets 独立于平台,跨浏览器兼容,适用于不同的设备,如移动设备、平板电脑和个人电脑。它会自动检测设备类型和浏览器版本。它体积小,可扩展性强。我们可以按需加载各个小部件和主题,以优化下载时间并节省内存。所有 jQWidgets 都进行了优化,以提供更好的用户体验,以适应具有不同操作系统和浏览器版本的不同设备。

下载与安装: jQWidgets有以下两种安装方式。

方法 1:从以下链接下载 zip 格式的 jQWidget 文件。下载 zip 文件后,解压缩文件并将其保存到文件夹中。之后创建一个新的 HTML 文件并将 jQWidget 代码添加到文件中,并将小部件链接包含在 head 部分中。

https://www.jqwidgets.com/download/

方法二:使用 npm 安装 jQWidgets。确保您已安装 Node.js 和 npm。

  • 打开 Node.js 命令提示符并运行以下命令 -

    npm install jqwidgets-framework - demos & scripts
    or
    npm install jqwidgets-scripts - scripts
    or
    npm install jqwidgets-ng - angular modules
    
  • 要获取 jQWidget npm 包的信息,请使用以下命令 -

    npm info jqwidgets-framework

让我们通过一个例子来了解 JQWidgets 的工作原理。

示例:下面的示例说明了 jQWidgets 中的 jqxButton禁用属性。

HTML


  

    
    
    
    

  

    
        

            GeeksforGeeks         

        

            jQWidgets jqxButton disabled Property         

        
                 
    
          


输出:

示例代码输出