jQuery UI開發(fā)指南

內(nèi)容概要

　　《jQuery UI開發(fā)指南》是jQuery UI的快速開發(fā)指南，全面介紹jQuery
UI如何改進HTML頁面展示，內(nèi)容包括jQuery UI
1.8版本的下列擴展特性：選項卡管理、折疊菜單、對話框、按鈕、進度條、滑塊、日歷、自動補全、拖放管理、選擇元素、縮放、元素調(diào)序以及新的視覺特效等。
　　《jQuery UI開發(fā)指南》共14章，講述了jQuery UI的所有功能。作者用精簡的代碼展示了jQuery
UI組件的使用方法，挑選出最為重要的配置選項和組件事件進行詳細解釋說明。精選的示例循序漸進、由易到難，從假設(shè)問題到解決問題，顯示了作者挖掘jQuery
UI功能的思考過程。
　　《jQuery UI開發(fā)指南》適合Web開發(fā)人員及設(shè)計人員閱讀。無論是jQuery
UI的初學者還是有一定經(jīng)驗的開發(fā)人員，本書都是極好的技術(shù)參考書。

作者簡介

Eric
Sarrion管理著一個小型的培訓與開發(fā)公司，曾為O‘Reilly法國分部寫過多本有關(guān)Rails、HTML/CSS、J2EE以及JavaScript方面的書。

書籍目錄

第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 準備開始
第2章 選項卡
2.1 選項卡的基本用法
2.2 格式化內(nèi)容
2.3 tabs方法
2.3.1 tabs(options)方法
2.3.2 tabs(“action”， params)方法
2.4 bind方法
2.5 使用選項卡的示例
2.5.1 動態(tài)創(chuàng)建選項卡
2.5.2 使用Ajax修改選項卡的內(nèi)容
2.5.3 通過Ajax把信息傳輸給服務(wù)器
2.5.4 使用選項卡的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)閉對話框時應(yīng)用特效
4.5.3 在關(guā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方法改進顯示
5.6 復(fù)選框
5.6.1 顯示復(fù)選框
5.6.2 使用buttonset方法改進顯示
5.7 使用按鈕的示例
5.7.1 在按鈕上顯示圖標
5.7.2 創(chuàng)建計算器
第6章 進度條
6.1 進度條的基本用法
6.2 格式化內(nèi)容
6.3 progressbar方法
6.3.1 progressbar(options)方法
6.3.2 progressbar(“action”， params)方法
6.4 在進度條上使用bind處理事件
6.5 使用進度條的示例
6.5.1 逐漸填充進度條
6.5.2 在完成過程中的不同階段進行處理
第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 顯示單個游標的值
7.5.2 顯示兩個游標的值
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 在日歷中顯示多個月份
8.4.3 顯示靜態(tài)日歷
8.4.4 指定最小及最大日期
8.4.5 禁止選擇特定的日期
8.4.6 預(yù)先選擇任意日期
8.4.7 在選擇日期時執(zhí)行Ajax請求
第9章 自動補全
9.1 自動補全的基本用法
9.2 格式化內(nèi)容
9.3 autocomplete方法
9.3.1 autocomplete(options)方法
9.3.2 autocomplete(“action”， params)方法
9.4 在建議列表上使用bind管理事件
9.5 使用自動補全機制的示例
9.5.1 指定建議列表的寬度
9.5.2 打開HTML頁面時即顯示建議列表
9.5.3 在輸入框獲得焦點時顯示建議列表
9.5.4 為建議列表的顯示營造特效
9.5.5 動態(tài)創(chuàng)建建議列表
9.5.6 基于用戶輸入的數(shù)據(jù)動態(tài)創(chuàng)建建議列表
9.5.7 在建議列表中插入圖片
第10章 拖放
10.1 draggable方法
10.1.1 draggable(options)方法
10.1.2 draggable(“action”， params)方法
10.2 在移動元素上使用bind管理事件
10.3 使用拖動功能的示例
10.3.1 在移動過程中執(zhí)行額外處理
10.3.2 給移動施加一些限制
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 使用選擇機制的示例
11.5.1 顯示選擇序列中的事件發(fā)生順序
11.5.2 禁止選擇某特定元素
11.5.3 禁止通過點擊來選擇元素
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)序機制的示例
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 使用縮放機制的示例
13.5.1 縮放時顯示元素的尺寸
13.5.2 縮放時顯示元素的位置
13.5.3 在縮放過程中執(zhí)行動畫
13.5.4 創(chuàng)建一個可縮放的文本框
第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提供的增強的animate方法
14.3.1 管理顏色的CSS屬性
14.3.2 新的easing選項值
14.4 使用CSS類生成特效
14.4.1 addClass、removeClass以及toggleClass的增強型方法
14.4.2 switchClass方法
14.4.3 使用toggleClass方法的示例

章節(jié)摘錄

版權(quán)頁：   插圖：    自動補全 自動補全（autocompletion）是當前網(wǎng)站上經(jīng)常用到的一種機制，以便在用戶在文本框里剛剛開始輸入第一個詞的時候，就可以為他提供一系列相關(guān)的輸入建議。用戶可以從中挑出需要的條目，使其直接顯示于輸入框中。這一功能為用戶減少了輸入完整詞句的麻煩。 9.1 自動補全的基本用法 如果我們想編寫一段HTML代碼來顯示圖9.1所示的建議列表，即當用戶剛剛輸入字母“P”的時候，立即顯示一個列表，其中的各項都包含了至少一個字母“P”。

編輯推薦

《jQuery UI開發(fā)指南》作者在國內(nèi)前端開發(fā)圈子中極具認可度，《jQuery UI開發(fā)指南》既包括基礎(chǔ)內(nèi)容，又包含部分高級內(nèi)容；知識點用具體的示例講解，豐富實用；介紹組件基本使用方法；用簡單通俗的語言詳細解釋說明組件的配置及事件選項；通過精挑細選、循序漸進的示例幫助讀者鞏固學到的知識點。

圖書封面

圖書標簽Tags

無

評論、評分、閱讀與下載

---

    jQuery UI開發(fā)指南 PDF格式下載

---