內容簡介
JQuery是近年來非常流行的JavaScript框架,它優雅、簡潔、高效,深受開發者的青睞。
《巧用JQuery》適合具備基本HTML和CSS知識,並熟悉JavaScript的Web界面開發人員閱讀。
編輯推薦
《巧用JQuery》是由人民郵電出版社出版發行的。
序言
jQuery並不複雜,它的設計者是崇尚簡潔的,這種設計思路在你開始寫第一行jQuery代碼的時候就能體會到。很多開發者在使用了jQuery之後,都對它讚不絕口,甚至宣稱不可能有比它更快速的JavaScript編寫方式了。
編寫程式是一件苦差事,需要程式設計師查閱大量文檔並訂正修改。特別是JavaScript的開發,語言本身雖然簡單,但是要實現某一簡單的功能往往也需要冗長的代碼,再加上調試的不便,所以很多程式設計師並不太喜歡JavaScript語言。
但是在Web的時代中,JavaScript又如此重要,甚至對於某些以用戶體驗為第一目標的Web站點來說,客戶端的JavaScript要比伺服器端的代碼更為重要。此時將JavaScript做更高一個層次上的封裝和改進,對開發者來說非常有必要。
於是,就出現了各種JavaScript庫,比如Prototype、DWR以及jQuery等。這些庫各有所長,有些更擅長UI,有些更擅長AjaX。而jQuery能在眾多庫中脫穎而出的最大原因,在於它的簡潔,這種簡潔給代碼帶來了一種優雅的氣質,同時對於編寫者來說,也使得JavaScript的開發成為了一種享受。
當然,簡潔的設計並不代表功能的匱乏,通過本書,你可以發現jQuery用簡單的方式就實現了極豐富的效果。在jQuery.js中幾十KB的代碼就實現了這樣的功能,實在讓人驚嘆設計者高超的設計能力。而在這幾十KB的代碼之外,jQuery還有眾多的支持者為它開發各式各樣的外掛程式,使得它幾乎無所不能。
想要體會iQuery的簡潔而又強大的功能嗎?想要享受編寫代碼的快感嗎?請繼續翻閱本書。
本書由吳超、張帥主編,參加編寫的還有楊軼、蘇嘯鳴、程達、徐元浩、潘賢敏、李斌、趙靜、金雯斌、王璇、段坤、吳戈、龔中華、劉兆宏、張兵、季建華、鍾曉媛、汪洪、陳功傑、劉福剛、何偉、石霞、劉梨平等,在此表示感謝!由於時間倉促,書中難免存在不足,請廣大讀者批評指正
目錄
第1章 初識jQuery
1.1 優雅簡潔高效的jQuery
1.2 體會jQuery的魅力
1.2.1 $選取符
1.2.2 操作DOM
1.2.3 鏈式寫法
1.2.4 Document ready事件
1.2.5 JavaScript庫共存
1.3 動手編寫jQuery
1.3.1 下載jQuery
1.3.2 編寫jQuery的HelloWorld
1.3.3 改變多個元素的行為
1.3.4 實現頁面動態性
1.4 用Firebug調試jQuery代碼
1.5 用Eclipse開發jQuery
1.6 Eclipse的jQueryWTP外掛程式
第2章 jQuery核心操作
2.1 運行核心——$(document).ready()
2.2 快速選擇頁面元素
2.3 靈活控制元素和屬性
2.4 動態改變頁面CSS
2.4.1 jQuery處理頁面CSS的方法
2.4.2 操作CSS的例子
2.5 巧用jQuery事件
2.5.1 jQuery事件處理方法
2.5.2 jQuery捕捉滑鼠位置
2.5.3 jQuery事件實例
第3章 簡化Ajax開發
3.1 用jQuery實現Ajax
3.1.1 load()方法
3.1.2 post()、get()和Ajax()方法
3.2 用jQuery實現聊天器
第4章 巧用jQuery外掛程式
4.1 jQuery外掛程式的使用方法
4.2 編寫jQuery外掛程式
4.3 常用jQuery外掛程式
4.3.1 外掛程式類別
4.3.2 優秀外掛程式推薦
第5章 實現動態效果
5.1 jQuery實現頁面動態效果
5.2 jQuery動態效果API
5.2.1 基本方法
5.2.2 滑動
5.2.3 淡入淡出
5.2.4 自定義
5.3 jQuery UI庫
第6章 展現圖像
6.1 圖片動態彈出效果
6.2 實現圖片順序載入
6.3 絢麗的Flash效果相冊
6.4 巧用外掛程式實現華麗的相冊
6.5 實現幻燈相冊
6.6 動態的圖文結合
6.7 讓圖片更像照片
6.8 圖片剪下
6.9 圖片預覽效果
6.10 圖片局部平移
6.11 圖片動態切換效果
6.12 圓角效果
6.13 圖片放大鏡
6.14 圖片三維視圖
第7章 導航與選單設計
7.1 用jQuery實現Tab標籤
7.2 LavaLamp導航效果
7.3 絢麗的Coda Slider
7.4 類蘋果Dock選單
7.5 滑動效果選單
7.6 手風琴拉伸選單
7.7 Superfish動態選單
7.8 多層次選單
7.9 摺疊選單
7.10 TreeView樹形導航
7.11 jGlideMenu滑動導航
7.12 使用idTabs外掛程式
7.13 滑鼠右鍵彈出選單
第8章 巧用jQuery操作Google地圖
8.1 jQuery操作地圖
8.2 結合PHP創建地圖示記
8.3 利用jMaps外掛程式操作Google地圖
第9章 提升頁面體驗
9.1 jTip動態提示
9.2 jGrowl提示效果
9.3 添加社會化標籤
9.4 圖片延遲載入
9.5 動態新聞提示
9.6 自動設定行高
9.7 對連結進行預覽
9.8 連結區域擴展
9.9 實現頁面快捷鍵
9.10 翻頁效果
9.11 禁止選擇頁面文字
9.12 頁面內容動態顯示與隱藏
9.13 頁面自動滾動
9.14 內容的下滑展示
9.15 Web OS互動界面
第10章 處理表單
10.1 jQuery處理表單元素的技巧
10.2 jQuery實現多個檔案上傳
10.3 頁面投票
10.4 處理電子表格
10.5 定義輸入格式
10.6 限制輸入類型
10.7 表單驗證
10.8 Ajax方式的檔案上傳
10.9 jqUploader檔案上傳
10.10 為上傳框增加樣式
10.11 頁面進度條
10.12 樣式多樣的下拉框
10.13 級聯選擇框
10.14 級聯下拉框
10.15 獲得焦點時增加樣式
10.16 Ajax Form表單
10.17 良好樣式的表單
10.18 調整型輸入
10.19 為輸入框加上水印效果
10.20 Shift快捷鍵的支持
10.21 改進的取值方式
10.22 Pin標記
10.23 用jQuery選取時間
10.24 用jQuery選取顏色
10.25 用jQuery選取日期
10.26 用jquery.jframe實現frame行為
第11章 實現絢麗的頁面效果
11.1 JSS定義頁面樣式
11.2 頁面直播效果
11.3 圖片彈跳
11.4 樣式動態切換
11.5 按需載入JavaScript和CSS
11.6 操作樣式規則
11.7 框線效果
11.8 Nifty圓角
11.9 實現定時器
11.10 Easydrag實現拖放
11.11 實現Portal效果
11.12 Draggable外掛程式
11.13 jqDnR拖放與拉伸
第12章 修正瀏覽器
12.1 PNG透明
12.2 修正鏈接樣式
12.3 提高頁面可訪問性
12.4 處理滑鼠滾輪事件
第13章 輕鬆實現頁面提示
13.1 提示框效果
13.2 內嵌確認框
13.3 彈出層做提示
13.4 SimpleModal彈出層
13.5 表單輸入提示
13.6 ClueTip做Ajax提示
13.7 BetterTip提示
13.8 簡單提示
第14章 實現頁面編輯
14.1 用Jeditable實現內嵌編輯
14.2 用tEditable編輯單元格
14.3 表格內容編輯
14.4 Inplace做內聯編輯
14.5 線上編輯器
第15章 實現頁面多媒體
15.1 Multimedia Portfolio展現多媒體內容
15.2 用jmedia展現多媒體
15.3 MP3播放
15.4 多媒體播放
15.5 Flash播放
15.6 Quicktime播放
15.7 展現SVG圖像
15.8 強手棋遊戲
第16章 操作表格
16.1 用Ingrid實現Flash效果表格
16.2 樹形表格
16.3 可擴展表格
16.4 動態表格樣式
16.5 表格排序
16.6 表格位置樣式
16.7 調整表格列寬
第17章 做數據搜尋
17.1 快速搜尋功能
17.2 搜尋自動提示
17.3 搜尋自動提示外掛程式
第18章 處理數據
18.1 jquick操作DOM樹
18.2 elementReady回響元素事件
18.3 jQuery Chart做柱狀圖
18.4 Yahoo Pipes
18.5 RSS解析器
18.6XSLT轉換
18.7 Taconite操作頁面數據
18.8 將XML數據轉化為JSON數據
18.9 gFeed解析
18.10 AJAXSLT
第19章 jQuery與其他技術結合
19.1 Ajax+Java登錄
19.2 使用jQuery來創建Silverlight
19.3 Struts2中使用jQuery
19.4 Dreamweaver的jQuery外掛程式
文摘
1 初識jQuery
jQuery是一個JavaScript庫,它有助於簡化JavaScript和Ajax編程。利用jQuery能夠優雅、簡潔、高效地編寫JavaScript代碼。優雅、簡潔、高效這3個形容詞用在jQuery身上一點都不誇張,不相信嗎?請跟著我們進入iQuery的世界吧。
1.1 優雅簡潔高效的jQuery
2006年1月John Resi9等人創建了jQuery,John Resig一直在Moziila工作,對瀏覽器及JavaScfipt非常熟悉,也深知JavaScript存在一些內在不足,他希望開發出一套並非全能,但是在訪問DOM元素等方面快速高效的JavaScript庫,於是就有了jQuery。
jQuery不是第一個JavaScript庫,在jQuery之前已經湧現了包括Prototype、scriptaculous和DWR在內的優秀JavaScript庫。利用Prototype能實現非常絢麗的頁面效果,比如動畫和拖放等。與這些JavaScript庫相比,jQuery最大的優點就是簡潔實用。jQuery的原理是獨一無二的,它的目的就是保證代碼簡潔並可重用。它可以用很少的幾行代碼創建出漂亮的頁面效果,從這一點上來說,jQuery是一個了不起的JavaScript庫。