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

为什么选择 jQWidgets？

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

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

方法一：从以下链接下载 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实现

href="jqwidgets/styles/jqx.base.css" type="text/css" />

GeeksforGeeks

jQWidgets jqxButton disabled Property

style="padding: 5px 20px;"

value="Click here" />

输出：