jQuery UI 的历史以及如何使用它？

jQuery UI 是一组精心设计的用户界面交互、效果、小部件和主题，构建在 jQuery JavaScript 库之上。这是轻松设计有吸引力的网站的最佳方式。例如，如果你想在网页上添加日期选择器，那么你可以简单地创建一个文本框并将 jQuery UI datepicker()函数附加到文本框。它将创建有吸引力的日期选择器小部件。

为什么我们使用 jQuery UI？

jQuery UI 包含一组插件，为核心 jQuery 库提供新功能。它分为四组，即交互、小部件、效果、实用程序。它是一个开源库，包含不同的动画效果和小部件，有助于开发高度交互的用户友好型 Web 应用程序。这个库需要很少的维护。它几乎可以与所有浏览器一起使用。

如何在项目中使用 jQuery UI？

在项目中添加 jQuery UI 基本上有两种方法。第一个是使用CDN链接，第二个是通过下载jQuery UI的所有文件。

1、使用CDN链接：无需下载jQuery UI文件，直接使用head部分内的CDN链接即可运行代码。

2. 下载 jQuery UI 文件：访问 jQueryUI 的官方文档（https://jqueryui.com/），点击自定义下载按钮下载自定义版本的库。下载 zip 文件后，解压缩文件并将它们保存在文件夹中。之后创建一个 HTML 文件并在代码的 head 部分中添加以下链接。

示例：在此示例中，我们将使用 jQuery UI 创建一个动画手风琴效果。

HTML

  

    
    
    
    
    
    
  
    
        $(function () {
            $("#gfg").accordion({
                animate: 1000
            });
        });
    

  

    GeeksforGeeks
    jQuery UI Accordion animate Option
    
  
    
        GFG
        GeeksforGeeks
        Geeks
        GeeksforGeeks
        GeeksforGeeks
        Welcome to GeeksforGeeks
    

  

输出：