99-2中台資管 - 進階網頁程式設計 - JQuery

jQuery

介紹：Link

下載：jQuery Regular (179kb)

使用方式：

1. 下載jQuery   Ex: jquery-1.6.1.js
2. 開啟網站專案 (ASP .NET, C#)
3. 加入現有項目，加入js檔
4. 使用：

    ＜script type="text/javascript" src="jquery.js" ＞

Plug-in　練習

1. jQuery UI - Tab
• 介紹 : http://jqueryui.com/demos/tabs/#default
• 下載：http://jqueryui.com/download
• Steps
• 加js
• 加UI
• 加Themes
• 加CSS
2. jQuery UI - Slider
• 介紹 : http://jqueryui.com/demos/slider/#rangemin
• Range with fixed minimum
• Multiple silders
• Simple scrollbar
3. jQuery UI - Hide
• 介紹 : http://jqueryui.com/demos/hide/
• Range with fixed minimum
4. jQuery UI - Progressbar
• 介紹 : http://jqueryui.com/demos/hide/
• http://jqueryui.com/demos/progressbar/#animated
5. ThickBox 3.1
• 介紹 : http://jquery.com/demo/thickbox/
• Download
   thickbox.js or thickbox-compressed.js, ThickBox.css, and the loading graphic (loadingAnimation.gif) to your local machine (or cut and paste the code from the tabs). Along with these three files, a copy of the jQuery JavaScript library is needed. For this site, and ThickBox, I am using the compressed version of jQuery.
6. TableSorter
• 介紹 : http://tablesorter.com/docs/
• Demo:http://tablesorter.com/docs/example-option-sort-key.html
• 下載：http://tablesorter.com/docs/#Download