在前端开发中，jQuery 和 jQuery UI 是两个非常流行的 JavaScript 库。虽然它们都由 jQuery 基金会维护，但它们之间存在一些重要的区别。
1. 意图不同
jQuery 是一个针对 DOM 操作和事件处理的通用库，可以轻松地选择元素、修改内容、添加事件监听器等。而 jQuery UI 则是一个专门为用户界面设计的库，提供了大量的交互式组件，例如滑块、日期选择器、对话框等，以及一些效果（动画、特效）和主题。
2. 文件大小和依赖关系
因为 jQuery UI 是建立在 jQuery 的基础上的，所以使用 jQuery UI 需要引入 jQuery 库，并且文件大小也相应增加。同时，如果你只需要其中某个组件，也必须下载整个 jQuery UI 库进行使用。
3. 组件和样式
jQuery UI 包含了很多可定制的组件和主题，可以根据需求来选择不同的风格。每个组件都有许多选项和回调函数，可以灵活地控制其行为。相比之下，jQuery 只提供了一些基本的 CSS 样式和少量的效果。
下面是一个简单的实例，演示了如何使用 jQuery UI 来创建一个对话框。
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------- -- ------ ---------------
---- -- ------ - ------ -- - ---
------- -----------------------------------------------------------
------- ------------------------------------------------------------------
----- ---------------- -------------------------------------------------------------------------
-------
------
---- ----------- ------------- -------
------- -- - -----------
------
------- --------------------- ---------------
--------
-- ---------------
------------ -
---------------------
--------- ------
------ -----
-------- -
--- ---------- -
------------------------
-
-
---
---------------------------------- -
----------------------------
---
---
---------
-------
-------在上述代码中，我们首先引入了 jQuery 和 jQuery UI 库，并使用 link 标签引入了 smoothness 主题的 CSS 样式。然后创建了一个对话框的 HTML 元素和一个打开对话框的按钮。在 JavaScript 部分，我们使用 $(...) 函数来初始化对话框并绑定按钮点击事件。通过设置 autoOpen 和 modal 属性，可以让对话框自动弹出并且遮罩整个页面。在 buttons 属性中，我们定义了一个 OK 按钮，点击后关闭对话框。
总之，jQuery 和 jQuery UI 都是非常有用的 JavaScript 库，可以帮助开发者快速构建交互式界面和处理各种 DOM 操作。选择哪一个库取决于你的具体需求和项目规模。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/606ee7fc2d2a29a3c12025f9