使用jQuery UI庫開發Web介面的簡單入門指引_jquery

一． jQuery UI
jQuery UI 是以jQuery 為基礎的開源JavaScript 網頁使用者介面程式碼庫。包
包含底層使用者互動、動畫、特效和可更換主題的可視控制。我們可以直接用它來建構具有很
好互動性的web 應用程式。
jQuery UI 的官網網站為：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 的皮膚，有各種色調的模版提供使用。對於程式設計師，可以使用
最和網站符合的模版；對於美工，也提供了沒有任何樣式的模版基於設計。
這裡可以：http://jqueryui.com/themeroller/  查看已有模版樣式。

三.  簡單引入
由於jQuery UI 不同元件的引入都有類似的特點和語法，所以這裡只介紹兩種元件
的引入方式，這樣可以以此類推其他組件的引入方式。
button 按鈕

//将button 按钮设置成UI 
$('#button').button(); 

dialog 對話框

//将div 设置成dialog 对话框 
$('#dialog ').click(function () { 
 
  $("#dialog ").dialog(); 
 
}); 

這樣的形式，可以得知，jQuery UI的引入都是這樣的  元件名稱() 方法的形式引入。