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兼容。