使用jQuery UI庫開發(fā)Web界面的簡單入門指引
一．jQuery UI
jQuery UI 是以jQuery 為基礎的開源JavaScript 網(wǎng)頁用戶界面代碼庫。包
含底層用戶交互、動畫、特效和可更換主題的可視控件。我們可以直接用它來構建具有很
好交互性的web 應用程序。
jQuery UI 的官網(wǎng)網(wǎng)站為：http://jqueryui.com/
jquery-ui-x.xx.x.custom.zip
。里面目錄結構如下：
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 的皮膚，有各種色調的模版提供使用。對于程序員，可以使用
最和網(wǎng)站符合的模版；對于美工，也提供了沒有任何樣式的模版基于設計。
可以在這里：http://jqueryui.com/themeroller/ 查看已有模版樣式。
三. 簡單引入
由于jQuery UI 不同組件的引入都有類似的特點和語法，所以這里只介紹兩種組件
的引入方式，這樣可以以此類推其他組件的引入方式。
button 按鈕
//將button 按鈕設置成UI
$('#button').button();
dialog 對話框
//將div 設置成dialog 對話框
$('#dialog ').click(function () {
$("#dialog ").dialog();
});
這樣的形式，可以得知，jQuery UI的引入都是這樣的 組件名() 方法的形式引入。
相關文章
jquery實現(xiàn)點擊瀏覽器返回上一頁按鈕并能直接刷新
這篇文章主要介紹了jquery實現(xiàn)點擊瀏覽器返回上一頁按鈕并能直接刷新，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
jQuery.ajax 跨域請求webapi設置headers的解決方案
需要通過服務器端設置響應頭、正確響應options請求，正確設置 JavaScript端需要設置的headers信息方能實現(xiàn)，本文介紹的非常詳細，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
這篇文章主要介紹了jQuery響應鼠標事件并隱藏與顯示input默認值的具體實現(xiàn),需要的朋友可以參考下2014-08-08
jQuery移除tr無效的解決方法(tr是動態(tài)添加)
移除掉某些tr（tr是動態(tài)添加的）嘗試了很多方法，都不見效，后來發(fā)現(xiàn)個不錯的方法，于是與大家分享下2014-09-09
Jquery實時監(jiān)聽input value的實例
下面小編就為大家?guī)硪黄狫query實時監(jiān)聽input value的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-01-01
jQuery插件windowScroll實現(xiàn)單屏滾動特效
本文給大家分享的是一個使用jQuery插件windowScroll實現(xiàn)的單屏滾動的特效，主要參考搜狗瀏覽器4.2版本首頁的上下滾動效果。主要實現(xiàn)整個窗口的上下和左右滾動邏輯，非常的實用。2015-07-07
jQuery實現(xiàn)可關閉固定于底（頂）部的工具條菜單效果
這篇文章主要介紹了jQuery實現(xiàn)可關閉固定于底（頂）部的工具條菜單效果,可實現(xiàn)固定位置顯示及響應鼠標點擊展開與關閉的功能,涉及jQuery響應鼠標事件動態(tài)操作頁面元素樣式屬性的相關技巧,需要的朋友可以參考下2015-11-11
獲取復選框的值的方法有很多，舉不勝舉，在本文將為大家介紹下jquery是如何獲取復選框的值的，感興趣的朋友不要錯過2013-12-12
用JQuery 實現(xiàn)的自定義對話框...2007-03-03
jQuery中彈出iframe內(nèi)嵌頁面元素到父頁面并全屏化的實例代碼
這篇文章主要介紹了jQuery中彈出iframe內(nèi)嵌頁面元素到父頁面并全屏化的實例代碼,需要的朋友可以參考下2016-12-12