jQuery UI外掛程式對比

2021-09-01 14:54:32 字數 1291 閱讀 1646

昨天的博文中簡單的整理了一下 jquery 的 ui 外掛程式,在這裡我將對這幾款外掛程式的優缺點及適用範圍進行一下簡單的說明,希望通過交流我們可以共同的進步,有不足的地方請大家予以指正但不要吐槽。

1.jquery ui

這個是 jquery 官方的 ui 外掛程式,相容性好,更新速度快,永遠能夠跟上 jquery 的更新速度,主要的功能有,動作類:拖拽、拖放、調整大小、選擇、排序;元件類:風琴、自動完成、按鈕、日期、對話方塊、選單、進度條、滑塊、微調、標籤頁、提示;輔助功能:樣式的新增、移除、切換,元件(尤其是對話方塊的)展示與隱藏,顏色與動畫效果的實現。也就是說這個ui庫今本上滿足了我們常見**的應用範圍,只要不是需要大量使用**對資料展示和操作的**(如**後台)用這個 ui 庫都可以輕鬆完成。

2.smart ui

乙個仿 jquery ui 和 jquery easyui 編寫的ui庫,擁有基礎表單控制項、列表控制項、選單控制項、資料樹控制項、對話方塊控制項等主要的控制項分類,這個 ui 庫的亮點主要在於有乙個 .net 的後台資料框架,其開發的主要目的也是用來替代 aspx 檔案,雖然使用的是 json 格式進行資料傳輸保證了它可以與任何語言開發的後台協同工作,但與 .net 協作還是它最擅長的方向,國產軟體的api文件也是英文不好的初學者比較喜歡的,只是從 2010 年開始更新就停止了,2012.3作者發博文稱正在構思 smart ui 2.0,從那之後作者再次銷聲匿跡。

3.easyui

easyui 的定位是簡單的開發 web 前端,擁有乙個完整的介面框架,風格略顯老套但關鍵在於容易上手和簡單有效,相容性問題是所有 web 前端開發的硬傷,對於 easyui 也同樣如此,在測試的過程中發現有些時候,easyui 的彈出性元件的彈出位置可能會出現不正常的位移。easyui 不是企業級的,他僅僅是乙個 ui 還是簡單版的,就不要使用它來進行資料處理了,也不要要求太高。

4.chico ui

chico ui 主要是乙個和 jquery ui 類似的工具庫,其優勢在於預設效果比較漂亮、大氣,適用範圍與 jquery ui 類似,其亮點在於擁有乙個支援網頁布局和**資料的css框架。

5.jquery tools

6.ninja ui

我對這個的了解基本為0,忍者ui看名字就讓我失去了了解的慾望,既然我還有的選我當然不會選這個,只是聽說風格不錯ie相容性略差。

7.ligerui

速度快、風格統一,但其風格讓人有點無語,整套框架的技術含量很高,但bug的數量也很高,更新速度也是差強人意。近一年左右沒有更新和bug的修復,導致開發者望而卻步。

8.dwz富客戶端框架-jui

國產軟體,文件齊備,風格也還可以接受。製作管理類**比較適合。

jQuery UI 常用外掛程式

jquery 外掛程式位址 常用外掛程式 1.jquery validate 表單驗證。2.jquery file upload 檔案上傳。3.jtable 4.jquery jqgrid jqueryui 常用外掛程式 2.button 按鈕,各種各樣的按鈕。3.datepicker 日曆,選擇日...

jQuery UI 外掛程式 使用說明

所有效果說明 基本的滑鼠互動 拖拽 drag and dropping 排序 sorting 選擇 selecting 縮放 resizing 各種互動效果 手風琴式的摺疊選單 accordions 日曆 date pickers 對話方塊 dialogs 滑動條 sliders 排序 table ...

jQuery UI應用 滑塊Slider

1 animate 型別boolean 預設值false a 用處 單擊滑動區域時,滑塊是否使用動畫效果平滑移動到單擊位置。b 示例 建立例項時設定屬性值 class slider 例項化後得到屬性值 var animate id slider option animate 例項化後設定屬性值 id...