jQuery UI開發(fā)指南

第1章 jQuery UI介紹
1.1 jQuery UI的安裝
1.2 jQuery UI概覽
1.3 什么是CSS主題
1.4 在HTML頁面中應(yīng)該引入哪些文件
1.4.1 未壓縮文件
1.4.2 壓縮文件
1.5 更換CSS主題
1.6 準(zhǔn)備開始
第2章 選項(xiàng)卡
2.1 選項(xiàng)卡的基本用法
2.2 格式化內(nèi)容
2.3 tabs方法
2.3.1 tabs(options)方法
2.3.2 tabs(“action”， params)方法
2.4 bind方法
2.5 使用選項(xiàng)卡的示例
2.5.1 動(dòng)態(tài)創(chuàng)建選項(xiàng)卡
2.5.2 使用Ajax修改選項(xiàng)卡的內(nèi)容
2.5.3 通過Ajax把信息傳輸給服務(wù)器
2.5.4 使用選項(xiàng)卡的add方法
2.5.5 使用tabsadd事件
第3章 折疊菜單
3.1 折疊菜單的基本用法
3.2 格式化內(nèi)容
3.3 accordion方法
3.3.1 accordion(options)方法
3.3.2 accordion(“action”， params)方法
3.4 在折疊菜單上使用bind管理事件
3.5 使用折疊菜單的示例
3.5.1 打開任意菜單
3.5.2 用Ajax加載菜單內(nèi)容：使用options
3.5.3 用Ajax加載菜單的內(nèi)容：使用accordionchange
第4章 對話框
4.1 對話框的基本用法
4.2 格式化內(nèi)容
4.3 dialog方法
4.3.1 dialog(options)方法
4.3.2 dialog(“action”， params)方法
4.4 在對話框中使用bind處理事件
4.5 使用對話框的示例
4.5.1 打開和關(guān)閉對話框
4.5.2 在打開或者關(guān)閉對話框時(shí)應(yīng)用特效
4.5.3 在關(guān)閉對話框時(shí)進(jìn)行驗(yàn)證
4.5.4 隱藏關(guān)閉按鈕
4.5.5 在對話框中插入按鈕
4.5.6 使用Ajax插入內(nèi)容
4.5.7 使用特效來更改對話框的行為
第5章 按鈕
5.1 按鈕的基本用法
5.2 格式化內(nèi)容
5.3 button方法
5.3.1 button(options)方法
5.3.2 button(“action”， params)方法
5.4 在按鈕上使用bind處理事件
5.5 單選按鈕
5.5.1 顯示單選按鈕
5.5.2 使用buttonset方法改進(jìn)顯示
5.6 復(fù)選框
5.6.1 顯示復(fù)選框
5.6.2 使用buttonset方法改進(jìn)顯示
5.7 使用按鈕的示例
5.7.1 在按鈕上顯示圖標(biāo)
5.7.2 創(chuàng)建計(jì)算器
第6章 進(jìn)度條
6.1 進(jìn)度條的基本用法
6.2 格式化內(nèi)容
6.3 progressbar方法
6.3.1 progressbar(options)方法
6.3.2 progressbar(“action”， params)方法
6.4 在進(jìn)度條上使用bind處理事件
6.5 使用進(jìn)度條的示例
6.5.1 逐漸填充進(jìn)度條
6.5.2 在完成過程中的不同階段進(jìn)行處理
第7章 滑塊
7.1 滑塊的基本用法
7.2 格式化內(nèi)容
7.3 slider方法
7.3.1 slider(options)方法
7.3.2 slider(“action”， params)方法
7.4 在滑塊上使用bind管理事件
7.5 使用滑塊的示例
7.5.1 顯示單個(gè)游標(biāo)的值
7.5.2 顯示兩個(gè)游標(biāo)的值
7.5.3 使用滑塊來調(diào)整圖片的透明度
第8章 日歷
8.1 日歷的基本用法
8.2 格式化內(nèi)容
8.3 datepicker方法
8.3.1 datepicker(options)方法
8.3.2 datepicker(“action”， params)方法
8.4 使用日歷的示例
8.4.1 用其他語言顯示日歷
8.4.2 在日歷中顯示多個(gè)月份
8.4.3 顯示靜態(tài)日歷
8.4.4 指定最小及最大日期
8.4.5 禁止選擇特定的日期
8.4.6 預(yù)先選擇任意日期
8.4.7 在選擇日期時(shí)執(zhí)行Ajax請求
第9章 自動(dòng)補(bǔ)全
9.1 自動(dòng)補(bǔ)全的基本用法
9.2 格式化內(nèi)容
9.3 autocomplete方法
9.3.1 autocomplete(options)方法
9.3.2 autocomplete(“action”， params)方法
9.4 在建議列表上使用bind管理事件
9.5 使用自動(dòng)補(bǔ)全機(jī)制的示例
9.5.1 指定建議列表的寬度
9.5.2 打開HTML頁面時(shí)即顯示建議列表
9.5.3 在輸入框獲得焦點(diǎn)時(shí)顯示建議列表
9.5.4 為建議列表的顯示營造特效
9.5.5 動(dòng)態(tài)創(chuàng)建建議列表
9.5.6 基于用戶輸入的數(shù)據(jù)動(dòng)態(tài)創(chuàng)建建議列表
9.5.7 在建議列表中插入圖片
第10章 拖放
10.1 draggable方法
10.1.1 draggable(options)方法
10.1.2 draggable(“action”， params)方法
10.2 在移動(dòng)元素上使用bind管理事件
10.3 使用拖動(dòng)功能的示例
10.3.1 在移動(dòng)過程中執(zhí)行額外處理
10.3.2 給移動(dòng)施加一些限制
10.4 droppable方法
10.4.1 droppable(options)方法
10.4.2 droppable(“action”， params)方法
10.5 在保管元素上使用bind管理事件
10.6 使用放置功能的示例：購物車
10.6.1 使用拖放功能來創(chuàng)建一輛購物車
10.6.2 給購物車的放置過程添加視覺特效
10.6.3 從購物車中移除圖書
第11章 選擇元素
11.1 選擇元素的基本用法
11.2 格式化內(nèi)容
11.3 selectable方法
11.3.1 selectable(options)方法
11.3.2 selectable(“action”， params)方法
11.4 在選區(qū)中使用bind管理事件
11.5 使用選擇機(jī)制的示例
11.5.1 顯示選擇序列中的事件發(fā)生順序
11.5.2 禁止選擇某特定元素
11.5.3 禁止通過點(diǎn)擊來選擇元素
11.5.4 管理購物車
第12章 頁面內(nèi)的元素調(diào)序
12.1 元素調(diào)序的基本用法
12.2 格式化內(nèi)容
12.3 sortable方法
12.3.1 sortable(options)方法
12.3.2 sortable(“action”， params)方法
12.4 使用bind管理元素調(diào)換事件
12.5 使用元素調(diào)序機(jī)制的示例
12.5.1 顯示事件出現(xiàn)的順序
12.5.2 在列表中放置任何元素
第13章 縮放
13.1 縮放的基本用法
13.2 格式化內(nèi)容
13.2 resizable方法
13.2.1 resizable(options)方法
13.3.2 resizable(“action”， params)方法
13.4 在縮放元素上使用bind處理事件
13.5 使用縮放機(jī)制的示例
13.5.1 縮放時(shí)顯示元素的尺寸
13.5.2 縮放時(shí)顯示元素的位置
13.5.3 在縮放過程中執(zhí)行動(dòng)畫
13.5.4 創(chuàng)建一個(gè)可縮放的文本框
第14章 jQuery UI中的視覺特效
14.1 新的視覺特效
14.1.1 effect(effectName， options， duration， callback)方法
14.1.2 blind特效
14.1.3 bounce特效
14.1.4 shake特效
14.1.5 clip特效
14.1.6 drop特效
14.1.7 explode特效
14.1.8 fold特效
14.1.9 highlight特效
14.1.10 puff特效
14.1.11 pulsate特效
14.1.12 scale特效
14.1.13 size特效
14.1.14 slide特效
14.2 show、hide以及toggle方法
14.3 jQuery UI提供的增強(qiáng)的animate方法
14.3.1 管理顏色的CSS屬性
14.3.2 新的easing選項(xiàng)值
14.4 使用CSS類生成特效
14.4.1 addClass、removeClass以及toggleClass的增強(qiáng)型方法
14.4.2 switchClass方法
14.4.3 使用toggleClass方法的示例
……