jQuery UI 下載及範例使用

一、下載
jQuery UI 1.11.4 (concatenated JS and CSS files)
jQuery UI 1.11.4 Themes (這有其它的CSS樣式，這另文說明)
http://jqueryui.com/download/all/
圖1

二、下載後 解壓後找到index.html 這裡面會有範例。
圖2

三、我們看一下需要那些css檔及 js檔
圖3 css檔

圖4 js檔 一個是jquery基本js ,一個是jquery ui js

共基本需要這三個檔
<link href="jquery-ui.css" rel="stylesheet">
<script src="external/jquery/jquery.js"></script>
<script src="jquery-ui.js"></script>

四、開啟執行index.html 使用瀏覽器
圖5

六、線上範例
本文看月曆套件範例
http://jqueryui.com/datepicker/
圖6

七、查看線上說明文件
本文看月曆套件線上說明文件
圖7

圖8 http://api.jqueryui.com/datepicker/

其它參考：
jQuery教學目錄

其它文章

• 首頁
• JAVA教學目錄
• JSP教學目錄
• Apache教學目錄
• Google App Engine教學目錄
• JBoss教學目錄
• Android教學目錄
• Grails教學目錄
• SSH教學目錄
• Window教學目錄
• Linux教學目錄
• PHP教學目錄
• C教學/C++教學目錄
• jQuery教學目錄
• HTML5教學/CSS3教學目錄
• JavaScript教學目錄
• MySQL教學目錄
• Oracle教學目錄
• SQL Server教學/PostgreSQL教學/其它資料庫教學目錄
• Eclipse教學及開發相關工具教學目錄
• 程式開發基本資訊目錄
• 其它技術教學目錄