基于jquery開發(fā)的UI框架有哪些

國產(chǎn)jQuery UI框架 (jUI)?DWZDWZ富客戶端框架(jQuery RIA framework), 是中國人自己開發(fā)的基于jQuery實現(xiàn)的Ajax RIA開源框架. 設計目標是簡單實用,快速開發(fā),降低ajax開發(fā)成本。 歡迎大家提出建議，我們將在下一版本中進一步調(diào)整和完善功能．共同推進國內(nèi)整體ajax開發(fā)水平。

林州網(wǎng)站建設公司創(chuàng)新互聯(lián),林州網(wǎng)站設計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為林州上1000+提供企業(yè)網(wǎng)站建設服務。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設要多少錢，請找那個售后服務好的林州做網(wǎng)站的公司定做！

2.jQuery的界面插件?Ninja UI

jQuery 是一個非常優(yōu)秀的 JavaScript 框架，而且還有相當多的插件。其中的一些UI插件也相當?shù)慕o力，比如 Ninja UI，是一款界面插件，使用它將能給你的項目增色不少。此插件包含有幻燈，智能提示等常見的效果。

3.jQuery的UI框架?Chico UI

和 jQuery UI 一樣，Chico UI 包含 auto-complete, blink, carousel, countdown, date-picker, dropdown, expand, calendar 等諸多逐漸，同時還提供一個 CSS 布局框架，用于實現(xiàn)網(wǎng)頁布局和表格。

4.jQuery UI 組件庫?PrimeUI

PrimeUI 是 PrimeFaces 團隊的一個 jQuery UI 組件庫，目前包含多個 UI 部件

5.Jquery的UI庫?w2ui

基于Jquery的UI庫，包含常用UI組件，如：布局、表格、樹形、Tabs、工具條、彈出菜單、表單等等。

采用Html5 + CSS3編寫，可以支持常用的瀏覽器，如：Chrome、FireFox7+、Safari 5+和IE 9+等。

6.jQuery UI組件?jQuery UI

jQueryUI 是一套 jQuery 的頁面 UI 插件，包含很多種常用的頁面空間，例如 Tabs（如本站首頁右上角部分） 、拉簾效果（本站首頁左上角）、對話框、拖放效果、日期選擇、顏色選擇、數(shù)據(jù)排序、窗體大小調(diào)整等等非常多的內(nèi)容。

7.jQuery的UI工具包?jQuery Tools

jQuery easyui 為網(wǎng)頁開發(fā)提供了一堆的常用UI組件，包括菜單、對話框、布局、窗簾、表格、表單等等組件，

8.jQuery的UI框架?Liger UI

LigerUI是基于jQuery開發(fā)的一系列控件組，包括表單、布局、表格等等常用UI控件 使用LigerUI可以快速創(chuàng)建風格統(tǒng)一的界面效果

9.快速開發(fā)WebUI?jQuery MiniUI

jQuery MiniUI - 快速開發(fā)WebUI。

包含控件：DataGrid、Tree、TreeGrid、Menu、Toolbar、Tabs、Layout、Panel、DatePicker、ComboBox、TreeSelect、TextBoxList等。

典型應用：頁面布局、CRUD、Master/Detail、數(shù)據(jù)驗證等。

10.jQuery的UI插件?Smart UI

JQuery Smart UI是基于JQuery的Ajax開發(fā)框架，實現(xiàn)前、后臺分離、功能和數(shù)據(jù)分離，UI層全部使用htm+js+json完成，通過一個統(tǒng)一數(shù)據(jù)接口與服務端進行數(shù)據(jù)交換。

jQuery與jQuery UI有啥區(qū)別？

（1）jQuery是一個js庫，主要提供的功能是選擇器，屬性修改和事件綁定等。

（2）jQuery UI則是在jQuery的基礎上，利用jQuery的擴展性，設計的插件。提供了一些常用的界面元素，諸如對話框、拖動行為、改變大小行為等。

在運用中會有閉包， 由于函數(shù)內(nèi)部定義變量作用域問題，如果外部想用這個內(nèi)部函數(shù)創(chuàng)建的一個變量；那就需要在這個函數(shù)內(nèi)部在創(chuàng)建一個函數(shù)，創(chuàng)建的這個函數(shù)相當于一個橋梁把內(nèi)部外部函數(shù)的變量拋出，這樣就解決了不能訪問這個變量的問題，那這個內(nèi)部函數(shù)就稱為閉包。

其具體特性如下：

a.函數(shù)內(nèi)再嵌套函數(shù)

b.內(nèi)部函數(shù)可以引用外層的參數(shù)和變量

c.參數(shù)和變量不會被垃圾回收機制回收

概括的說,閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)，在本質(zhì)上，它是將函數(shù)內(nèi)部和函數(shù)外部連接起來的一座橋梁。

如何使用jQuery UI開發(fā)Web程序

jQuery UI開發(fā)Web程序步驟：

在百度搜索引擎搜索“jQuery UI”，并且下載。

解壓jquery-ui-1.11.4，工程目錄如下圖所示。

新建HTML文件，引入jquery-ui.min.css、jquery.js、jquery-ui.min.js三個文件。其中jquery-ui.min.css是jQuery UI樣式文件，jQuery UI顧名思義依賴jQuery，所以需要引入jQuery庫，另外，需要引入jQuery UI本身的Javascript庫，這里引入壓縮版本以減少文件的體積。

jQuery UI是以 jQuery 為基礎的開源 JavaScript 網(wǎng)頁用戶界面代碼庫。包含底層用戶交互、動畫、特效和可更換主題的可視控件。

jquery easyui和jquery ui的區(qū)別

jquery ui 是jquery開發(fā)團隊 開發(fā)，適用于網(wǎng)站式的頁面。

jquery easyui 是第三方基于jquery開發(fā)，適用于應用程序式的頁面。

兩者的方法調(diào)用也略有不同：

jquery ui 是：

$("#divTabs").tabs("remove" , index);

jquery easyui 是：

$("#divTabs").tabs("close" , title);

類似的區(qū)別還有一些，只有具體使用后才會注意，基本思路差不多。

使用jQuery UI庫開發(fā)Web界面的簡單入門指引

一．jQuery

UI

jQuery

UI

是以jQuery

為基礎的開源JavaScript

網(wǎng)頁用戶界面代碼庫。包

含底層用戶交互、動畫、特效和可更換主題的可視控件。我們可以直接用它來構(gòu)建具有很

好交互性的web

應用程序。

jQuery

UI

的官網(wǎng)網(wǎng)站為：

jquery-ui-x.xx.x.custom.zip

。里面目錄結(jié)構(gòu)如下：

1.css，包含與jQuery

UI

相關的CSS

文件；

2.js，包含jQuery

UI

相關的JavaScript

文件；

3.Development-bundle，包含多個不同的子目錄：demos(jQuery

UI

示例文件)、docs(jQuery

UI

的文檔文件)、themes(CSS

主題文件)和ui(jQuery

ui

的JavaScript

文件)。

4.Index.html，可以查看jQuery

UI

功能的索引頁。

二．CSS

主題

CSS

主題就是jQuery

UI

的皮膚，有各種色調(diào)的模版提供使用。對于程序員，可以使用

最和網(wǎng)站符合的模版；對于美工，也提供了沒有任何樣式的模版基于設計。

可以在這里：

查看已有模版樣式。

三.

簡單引入

由于jQuery

UI

不同組件的引入都有類似的特點和語法，所以這里只介紹兩種組件

的引入方式，這樣可以以此類推其他組件的引入方式。

button

按鈕

//將button

按鈕設置成UI

$('#button').button();

dialog

對話框

//將div

設置成dialog

對話框

$('#dialog

').click(function

()

{

$("#dialog

").dialog();

});

這樣的形式，可以得知，jQuery

UI的引入都是這樣的

組件名()

方法的形式引入。

如何開發(fā) jquery ui 控件

寫jQuery的插件原理很簡單, 就是寫一個匿名執(zhí)行函數(shù), 函數(shù)中定義了prototype函數(shù), 即為jQuery對象增加了方法, 至于這個方法要做什么, 就是你插件要實現(xiàn)的東西 網(wǎng)上的例子很多, 也很容易看明白 但是要寫出很好的插件, 還是很考驗js功底和css設計...

網(wǎng)頁名稱：jquery開發(fā)ui,jquery開發(fā)基礎教程
標題來源：http://jinyejixie.com/article10/dsdjgdo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供標簽優(yōu)化、虛擬主機、商城網(wǎng)站、搜索引擎優(yōu)化、云服務器、響應式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)