CSS UI框架和jQuery UI有什么区别

Question

我注意到CSS框架如bootstrap和w3.css可以创建网页的ui小部件，如button。 但Javascript库jQuery-ui也可以创建button

这两种方法有什么区别？

Answer 1

引导（假设V3）：

直接从bootstrap's网站报价：

引导是最流行的HTML，CSS和JS框架 发展的响应，移动的第一个项目网页。

这意味着它提供以下功能：

1. 是一个框架它允许您创建响应Web应用程序在多个设备上，其工作像PC，平板电脑和移动。

2. 它提供了一个12列响应网格系统，可跨设备工作。

3. 支持SASS Preprocessor，这使编写CSS更有效的与像变量，混入，继承等

4. 还提供了各种各样的components这使得Web开发变得轻而易举概念。这些组件是使用javascript和jQuery构建的。

5. 很多themes您可以使用您的Web应用程序。

jQueryUI的

从jQueryUI直接引用：

的jQuery UI是一个策划组的用户界面交互，效果， 小部件和主题建立在jQuery的JavaScript的顶部图书馆。 无论您是构建高度互动的Web应用程序，还是您只需将日期选择器添加到表单控件，jQuery UI就是 的完美选择。

这基本上意味着它提供了：

1. 一组像日历小部件/组件，下拉菜单等，你可以用你的web应用程序中使用的。

2. 交互像拖放。

3. 用于为组件创建自定义外观的主题。

总结起来，Bootstrap是一个构建响应式Web应用程序的框架，而jQueryUI本质上是一个小部件/交互式库。请注意，您可以在基于Bootstrap的应用程序中使用jQueryUI小部件。

Answer 2

主要区别是作者。另一个区别可能是他们提供了什么组件。

他们正在做同样的事情，但只是有不同的作者。尽管Bootstrap是一个CSS框架，它仍然使用JavaScript来处理一些交互元素，比如“collapse”（jQuery UI称为“accordion”）。 Bootstrap编写了他们的JavaScript以与jQuery兼容。