jQuery開發(fā)技術(shù)詳解

前言

　　jQuery是一個優(yōu)秀的開源JavaScript庫。它的體積很小，代碼風(fēng)格獨特而又優(yōu)雅，改變了JavaScript程序員編寫程序的方式和思路。jQuery庫有一條設(shè)計理念，那就是“寫的少，做的多”（write less, do more）。其獨特的選擇器、鏈?zhǔn)降腄OM操作方式、事件綁定機制、封裝完善的AJAX使其在眾多優(yōu)秀的JavaScript庫中脫穎而出，獨樹一幟，贏得了眾多使用者的擁護和信賴?！　Query的語法簡單易學(xué)，而且具有很強大的跨平臺性，可以兼容多種核心的瀏覽器。目前，已經(jīng)有一百多個插件來擴充jQuery的功能，使得jQuery能滿足幾乎所有客戶端的腳本開發(fā)?！　〉?，目前來說專門介紹jQuery的書籍還很少，中文的書籍更是少之又少，這就給國內(nèi)一些想要學(xué)習(xí)jQuery的Web開發(fā)愛好者制造了不小的障礙。為了方便廣大讀者學(xué)習(xí)，本人花費將近一年的時間寫作這本書。本書通過理論與實踐相結(jié)合的方式，由淺入深、循序漸進地介紹jQuery庫的使用；同時又輔以大量真實的開發(fā)案例，可以讓用戶很輕松地就能使用jQuery來增強網(wǎng)頁的互動性，做出更好的Web前端產(chǎn)品以及各種更炫更酷的效果?！　”緯奶攸c　　1．循序漸進，由淺入深　　閱讀本書不需要對jQuery有所了解，甚至對JavaScript也不需要有很深的了解。為了方便讀者學(xué)習(xí)，本書在第一篇首先介紹Web開發(fā)的基礎(chǔ)知識，如JavaScript的基礎(chǔ)語法等，以期讀者可以在不參考其他資料的情況下順利過渡到j(luò)Query的學(xué)習(xí)和使用?！　?．技術(shù)全面，內(nèi)容充實　　本書是一本關(guān)于jQuery的初級入門讀物。書中詳細介紹了jQuery 1.3.2幾乎所有的特性和屬性，并對每個模塊均有很翔實的實例講解。以期讀者對jQuery有個很好的整體把握，同時以后需要用到一些特性的時候，可以進行查閱。另外，本書還在開始介紹了Web開發(fā)的基礎(chǔ)知識，如Web開發(fā)中比較常用的工具等，可以讓讀者從一個完全的門外漢很快變成業(yè)內(nèi)人士?！　?．圖文結(jié)合，理解深刻　　講解技術(shù)類的知識，最好的方式就是面對面的講授，但是圖書卻不太容易做到這一點。為了彌補這個缺憾，本書在講解具體實例的時候，除了大量的注釋、講解之外，還輔以一些簡潔明了的圖片，以期讓讀者對實例以及jQuery效果有更直觀的理解?！　?．真實案例，隨學(xué)隨用　　本書是一本注重實踐的書。因此，有大量的篇幅用在了真實的Web開發(fā)案例中。本書第三篇通過若干比較完整的實例來講解jQuery在具體項目中的使用，如增強用戶體驗、AJAX跨域操作、與PHP配合構(gòu)建動態(tài)網(wǎng)站、鍵盤操作以及將數(shù)據(jù)以可視化形式顯示等。讀者可以通過這些實例對jQuery的理論知識有更加深刻的理解，同時，這些實例稍作修改，就可以用在讀者正在開發(fā)的項目中去，來實現(xiàn)各種精彩的效果?！　?．配有源代碼光盤，加速學(xué)習(xí)　　為了讓初學(xué)者快速入門，本書配套光盤中附贈了本書中的所有源代碼。讀者可以參考閱讀。但是，筆者依然強烈建議，在學(xué)習(xí)本書的時候應(yīng)該邊學(xué)邊練。即便不能不看書直接寫代碼，最好也要對著書上的代碼手工敲入一邊，以加深印象以及自己對知識本身的理解。

內(nèi)容概要

　　 jQuery是目前在Web開發(fā)領(lǐng)域最流行的JavaScript庫之一。本書通過理論與實踐相結(jié)合的方式，由淺入深、循序漸進地介紹jQuery庫的使用。同時又輔以大量真實開發(fā)案例，可以讓用戶很輕松地就能使用jQuery來增強網(wǎng)頁的互動性，做出更好的Web前端產(chǎn)品以及各種更炫更酷的效果。

作者簡介

　　季國飛，西北工業(yè)大學(xué)碩士畢業(yè)，現(xiàn)就職于某世界500強公司，從事軟件研發(fā)工作?；燠E互聯(lián)網(wǎng)多年，驚艷于Web 2.0的華麗與新奇網(wǎng)站，偶爾嘗試，自娛其中。擁有網(wǎng)站34Ways Lab，嘗試Web 2.0新奇想法，并分享Web開發(fā)前端及后臺技術(shù)，關(guān)注jQuery及PHP開發(fā)。

書籍目錄

第一篇  jQuery預(yù)備基礎(chǔ)篇　第1章  Web開發(fā)的發(fā)展與趨勢	　　1.1  Web標(biāo)準(zhǔn)	　　　1.1.1  XML	　　　1.1.2  XHTML	　　　1.1.3  CSS	　　　1.1.4  DOM	　　　1.1.5  ECMAScript	　　1.2  傳統(tǒng)互聯(lián)網(wǎng)與Web 2.0	　　　1.2.1  傳統(tǒng)網(wǎng)絡(luò)Web 1.0	　　　1.2.2  最近的新寵Web 2.0	　　1.3  jQuery能做什么	　　　1.3.1  更加豐富的導(dǎo)航菜單	　　　1.3.2  Tab內(nèi)容的切換	　　　1.3.3  人性化的提示信息	　　　1.3.4  可定制的用戶內(nèi)容	　　　1.3.5  動態(tài)的圖片展示效果	　　　1.3.6  AJAX實時局部刷新	　　　1.3.7  數(shù)據(jù)的可視化顯示	　　1.4  jQuery知識體系及學(xué)習(xí)建議	　　　1.4.1  jQuery知識體系	　　　1.4.2  學(xué)習(xí)建議	　　1.5  本章小結(jié)	　第2章  JavaScript基礎(chǔ)	　　2.1  什么是JavaScript	　　2.2  語法規(guī)則	　　　2.2.1  大小寫敏感	　　　2.2.2  空格，換行與可選的分號	　　　2.2.3  注釋	　　　2.2.4  關(guān)鍵字和保留字	　　　2.2.5  在頁面上插入JavaScript代碼	　　2.3  變量	　　　2.3.1  變量的命名	　　　2.3.2  變量的聲明	　　　2.3.3  變量的使用	　　　2.3.4  全局變量和局部變量	　　2.4  JavaScript中的數(shù)據(jù)類型	　　　2.4.1  字符串類型	　　　2.4.2  數(shù)值類型	　　　2.4.3  布爾類型	　　　2.4.4  undefined類型	　　　2.4.5  null類型	　　　2.4.4  NaN類型	　　2.5  數(shù)據(jù)類型間轉(zhuǎn)換	　　　2.5.1  使用toString()轉(zhuǎn)換為字符串	　　　2.5.2  使用parseInt()轉(zhuǎn)換為整形數(shù)	　　　2.5.3  使用parseFloat()轉(zhuǎn)換為浮點數(shù)	　　2.6  JavaScript操作符	　　　2.6.1  比較操作符	　　　2.6.2  邏輯操作符	　　　2.6.3  JavaScript操作符優(yōu)先級	　　2.7  流程控制	　　　2.7.1  條件語句	　　　2.7.2  循環(huán)語句	　　2.8  數(shù)組	　　　2.8.1  創(chuàng)建一個數(shù)組	　　　2.8.2  使用數(shù)組元素	　　　2.8.3  使用多維數(shù)組	　　2.9  函數(shù)	　　　2.9.1  函數(shù)的定義	　　　2.9.2  函數(shù)的參數(shù)及返回值	　　2.8  小結(jié)	　第3章  文檔對象模型（DOM）	　　3.1  什么是DOM	　　3.2  DOM的結(jié)構(gòu)和節(jié)點	　　　3.2.1  DOM的樹結(jié)構(gòu)	　　　3.2.2  DOM中的節(jié)點	　　3.3  訪問DOM節(jié)點	　　　3.3.1  按Id取元素：getElementById()	　　　3.3.2  按標(biāo)簽名取元素集：getElementsByTagName()	　　3.4  操作元素內(nèi)的文本	　　3.5  操作元素內(nèi)的HTML	　　3.6  修改DOM節(jié)點	　　　3.6.1  創(chuàng)建DOM節(jié)點	　　　3.6.2  插入DOM節(jié)點	　　　3.6.3  刪除DOM節(jié)點	　　3.7  小結(jié)	　第4章  工欲善其事，必先利其器——開發(fā)工具	　　4.1  代碼編輯工具	　　　4.1.1  SciTE	　　　4.1.2  Notepad++	　　　4.1.3  Dreamweaver	　　4.2  調(diào)試工具	　　　4.2.1  使用Blackbird進行調(diào)試	　　　4.2.2  使用Firebug進行調(diào)試	　　　4.2.3  使用Venkman進行調(diào)試	　　4.3  其他工具	　　　4.3.1  Web Developer Toolbar	　　　4.3.2  JavaScript壓縮混淆工具	　　4.4  小結(jié)	第二篇  jQuery基礎(chǔ)篇　第5章  jQuery快速上手	　　5.1  什么是jQuery	　　5.2  為什么選擇jQuery	　　　5.2.1  當(dāng)前流行JavaScript庫比較	　　　5.2.2  jQuery的優(yōu)勢	　　5.3  配置jQuery開發(fā)環(huán)境	　　　5.3.1  獲取jQuery最新版本	　　　5.3.2  jQuery庫類型說明	　　　5.3.3  在頁面中引用jQuery庫	　　　5.3.5  jQuery 1.3.2新特性及主要改變	　　5.4  準(zhǔn)備HTML和CSS代碼	　　　5.4.1  演示框架目錄結(jié)構(gòu)	　　　5.4.2  HTML代碼	　　　5.4.3  CSS代碼	　　5.5  編寫jQuery代碼	　　5.6  小結(jié)	　第6章  使用選擇器獲得要操作的元素	　　6.1  CSS選擇器	　　　6.1.1  使用CSS選擇器	　　　6.1.2  通配選擇器	　　　6.1.3  標(biāo)簽選擇器	　　　6.1.4  ID選擇器	　　　6.1.5  類選擇器	　　　6.1.6  后代選擇器	　　　6.1.7  子元素選擇器	　　　6.1.8  相鄰兄弟選擇器	　　　6.1.9  屬性選擇器	　　6.2  jQuery選擇器	　　　6.2.1  基本選擇器	　　　6.2.2  層次選擇器	　　　6.2.3  基本濾鏡選擇器	　　　6.2.4  子元素濾鏡選擇器	　　　6.2.5  表單濾鏡選擇器	　　　6.2.6  屬性濾鏡選擇器	　　6.3  小結(jié)	　第7章  操作得到的元素	　　7.1  操作屬性	　　　7.1.1  讀取屬性	　　　7.1.2  修改屬性	　　　7.1.3  刪除屬性	　　7.2  操作樣式類	　　　7.2.1  添加樣式類	　　　7.2.2  去除樣式類	　　　7.2.3  交替樣式類	　　7.3  操作CSS	　　　7.3.1  讀取CSS樣式	　　　7.3.2  設(shè)置CSS樣式	　　　7.3.3  獲得元素偏移信息	　　　7.3.4  獲得和設(shè)置高度	　　　7.3.5  獲得和設(shè)置寬度	    7.4  操作內(nèi)容	　　　7.4.1  操作HTML代碼	　　　7.4.2  操作文本	　　　7.4.3  操作值	　　7.5  查找與篩選元素	　　　7.5.1  過濾元素集	　　　7.5.2  在元素集中查找	　　7.6  鏈?zhǔn)讲僮?　　　7.6.1  使用鏈?zhǔn)讲僮?　　　7.6.2  結(jié)束當(dāng)前操作對象	　　　7.6.3  添加當(dāng)前操作對象到先前對象	　　7.7  小結(jié)	　第8章  使用jQuery進行DOM操作	　　8.1  在元素內(nèi)部插入DOM元素	　　8.2  在元素外部插入DOM元素	　　8.3  包裹DOM元素	　　　8.3.1  使用指定的元素標(biāo)記進行包裹	　　　8.3.2  使用HTML標(biāo)記進行包裹	　　　8.3.3  包裹內(nèi)部元素	　　8.4  替換DOM元素	　　8.5  刪除DOM元素	　　8.6  克隆DOM元素	　　8.7  小結(jié)	　第9章  jQuery中的事件處理	　　9.1  頁面載入完畢響應(yīng)事件	　　　9.1.1  jQuery中的$(document).ready()事件	　　　9.1.2  window.onload()事件和$(document).ready()事件的比較	　　9.2  綁定與反綁定事件監(jiān)聽器	　　　9.2.1  綁定事件	　　　9.2.2  反綁定事件	　　　9.2.3  一次性的事件綁定	　　9.3  事件觸發(fā)器	　　　9.3.1  trigger觸發(fā)事件	　　　9.3.2  triggerHandler觸發(fā)事件	　　9.4  事件的交互處理	　　　9.4.1  hover：模仿鼠標(biāo)懸停	　　　9.4.2  toggle：多次單擊的循環(huán)響應(yīng)	　　9.5  jQuery內(nèi)置事件類型	　　　9.5.1  jQuery內(nèi)置事件函數(shù)的兩種聲明方式	　　　9.5.2  jQuery內(nèi)置事件類型分類	　　9.6  小結(jié)	　第10章  jQuery中的動畫與效果	　　10.1  基本效果	　　　10.1.1  隱藏元素	　　　10.1.2  顯示元素	　　　10.1.3  交替顯示隱藏	　　10.2  滑動效果	　　　10.2.1  向上收縮效果	　　　10.2.2  向下展開	　　　10.2.3  交替伸縮樣式	　　10.3  淡入淡出效果	　　　10.3.1  淡入效果	　　　10.3.2  淡出效果	　　　10.3.3  自定義不透明度	　　10.4  自定義動畫效果	　　　10.4.1  自定義動畫	　　　10.4.2  jQuery動畫隊列	　　10.5  小結(jié)	　第11章  jQuery與AJAX	　　11.1  AJAX的應(yīng)用	　　　11.1.1  AJAX的歷史	　　　11.1.2  AJAX經(jīng)典應(yīng)用	　　11.2  AJAX原理與XMLHttpRequest對象	　　　11.2.1  AJAX的原理	　　　11.2.2  XMLHttpRequest對象	　　11.3  jQuery中的AJAX	　　　11.3.1  load()、get()和post()函數(shù)	　　　11.3.2  ajax函數(shù)	　　　11.3.3  getScript及getJSON函數(shù)	　　11.4  jQuery中的AJAX服務(wù)器端返回方式	　　　11.4.1  html方式	　　　11.4.2  text方式	　　　11.4.3  xml方式	　　　11.4.4  script方式	　　　11.4.5  json方式	　　11.5  jQuery中的AJAX事件	　　　11.5.1  AJAX局部事件	　　　11.5.2  AJAX全局事件	　　11.6  小結(jié)	　第12章  回頭重看jQuery——核心及工具	　　12.1  核心函數(shù)	　　　12.1.1  核心函數(shù)形式	　　　12.1.2  使用核心函數(shù)	　　12.2  jQuery對象訪問	　　　12.2.1  獲得長度	　　　12.2.2  獲得其中某個對象	　　　12.2.3  遍歷對象集	　　12.3  數(shù)據(jù)緩存	　　　12.3.1  隱藏數(shù)據(jù)	　　　12.3.2  設(shè)置和獲取元素的緩存數(shù)據(jù)	　　　12.3.3  刪除緩存數(shù)據(jù)	　　12.4  jQuery常用工具類	　　　12.4.1  瀏覽器相關(guān)	　　　12.4.2  數(shù)組與對象相關(guān)	　　　12.4.3  其他功能性函數(shù)	　　12.5  jQuery插件機制	　　　12.5.1  使用jQuery.extend(object)	　　15.2  jQuery.fn.extend(object)	　　12.6  小結(jié)	第三篇  jQuery應(yīng)用篇　第13章  jQuery增強用戶體驗	　　13.1  動態(tài)加載顯示內(nèi)容	　　　13.1.1  設(shè)計網(wǎng)站外觀及顯示	　　　13.1.2  jQuery 動態(tài)加載內(nèi)容	　　　13.2  改進：增強用戶體驗	　　　13.2.1  高亮當(dāng)前選中菜單	　　　13.2.2  加載時提示“正在加載…”	　　13.3  動態(tài)切換樣式	　　　13.3.1  jQuery樣式切換簡單實現(xiàn)	　　　13.3.2  使用Cookie保存用戶選項	　　　13.3.3  使用jQuery.cookie插件	　　13.4  小結(jié)	　第14章  jQuery中使用AJAX跨域操作	　　14.1  跨域操作的實現(xiàn)方式	　　　14.1.1  Script方式實現(xiàn)跨域操作	　　　14.1.2  JSONP方式實現(xiàn)跨域操作	　　14.2  跨域操作flickr網(wǎng)站API	　　14.3  跨域操作delicious網(wǎng)站API	　　14.4  跨域操作Google AJAX Search API	　　14.5  小結(jié)	　第15章  jQuery+PHP動態(tài)網(wǎng)站實踐	　　15.1  標(biāo)簽云（Tag Cloud）	　　　15.1.1  標(biāo)簽云的概念與使用	　　　15.1.2  標(biāo)簽云顯示樣式設(shè)計	　　　15.1.3  設(shè)計MySQL數(shù)據(jù)庫	　　　15.1.4  構(gòu)建PHP代碼	　　　15.1.5  構(gòu)建jQuery代碼	　　15.2  類twitter微博客系統(tǒng)	　　　15.2.1  微博客系統(tǒng)	　　　15.2.2  設(shè)計MySQL數(shù)據(jù)庫	　　　15.2.3  構(gòu)建PHP代碼及jQuery代碼	　　　15.2.4  功能改進：增加字數(shù)統(tǒng)計功能	　　15.3  小結(jié)	　第16章  jQuery鍵盤操作	　　16.1  鍵盤快捷鍵動態(tài)切換頁面	　　　16.1.1  需求與最終效果	　　　16.1.2  HTML及CSS代碼	　　　16.1.3  jQuery代碼	　　16.2  使用插件進行改進	　　　16.2.1  存在的問題	　　　16.2.2  js-hotkeys插件的使用	　　　16.2.3  使用js-hotkeys插件改進本章示例	　　16.3  軟鍵盤的實現(xiàn)	　　　16.3.1  軟鍵盤的使用	　　　16.3.2  準(zhǔn)備HTML及CSS代碼	　　　16.3.3  構(gòu)建jQuery代碼	　　　16.3.4  最終效果	　　16.4  小結(jié)	　第17章  jQuery可視化數(shù)據(jù)顯示	　　17.1  數(shù)據(jù)的可視化顯示	　　17.2  使用flot插件可視化數(shù)據(jù)顯示	　　　17.2.1  flot插件介紹	　　　17.2.2  準(zhǔn)備HTML及CSS代碼	　　　17.2.3  構(gòu)建jQuery代碼	　　　17.2.4  實現(xiàn)折點上的Tooltip顯示	　　17.3  小結(jié)

章節(jié)摘錄

　　互聯(lián)網(wǎng)在今天似乎已經(jīng)隨處可見，它已經(jīng)成為人們?nèi)粘Ｉ畹囊徊糠?。今天用戶可以在網(wǎng)上買到需要的任何東西，也真正做到了“足不出戶，遍曉天下事”。而且，互聯(lián)網(wǎng)用戶還可以有自己的網(wǎng)站，創(chuàng)建自己的博客，甚至可以把自己的視頻進行分享?！　〗裉欤覀兯吹胶褪褂玫幕ヂ?lián)網(wǎng)與最初設(shè)計和創(chuàng)建的已經(jīng)大不相同了。互聯(lián)網(wǎng)已經(jīng)永遠告別了只有文本的時代，而且隨著不斷地發(fā)展，各種更新的概念也在不斷地提出并得到推廣。本節(jié)將首先介紹傳統(tǒng)互聯(lián)網(wǎng)應(yīng)用的特點及其缺陷。然后介紹Web 2.0概念的提出以及Web 2.0互聯(lián)網(wǎng)應(yīng)用的發(fā)展?！　?.2.1傳統(tǒng)網(wǎng)絡(luò)Web 1.0　　Web 1.0的概念其實應(yīng)該是在Web 2.0的概念叫響之后才產(chǎn)生的，目的是為了和Web 2.0劃分出明顯的界限。簡單地說，Web 1.0網(wǎng)站指的是那些傳統(tǒng)的以信息為看點的網(wǎng)站，可以看做是傳統(tǒng)互聯(lián)網(wǎng)的代名詞。傳統(tǒng)網(wǎng)站一般有以下幾個特點。　　1.內(nèi)容由編輯產(chǎn)生，用戶無法編輯修改　　信息以一種“推”的方式呈現(xiàn)到用戶面前。用戶在去瀏覽網(wǎng)站之前以及之后，網(wǎng)站內(nèi)容本身并沒有發(fā)生變化。也就是說，用戶的操作對網(wǎng)站不會有任何影響，更不能將頁面的內(nèi)容按照自己的喜好做任何修改。這～特征在各大門戶網(wǎng)站上表現(xiàn)得最為明顯。例如，在各大新聞類門戶網(wǎng)站，用戶看到的都是經(jīng)過編輯遴選出來的內(nèi)容，可以說是“想讓用戶看到的”內(nèi)容。國內(nèi)以三大門戶網(wǎng)站為代表的很多網(wǎng)站都屬于這種類型，圖1.1是搜狐網(wǎng)首頁的截圖。　　最近幾年，門戶網(wǎng)站也在逐漸的進行改版及內(nèi)容的轉(zhuǎn)換等，如163網(wǎng)站的Web標(biāo)準(zhǔn)化變革、各大門戶網(wǎng)站推出博客、播客等服務(wù)等。

編輯推薦

　　9小時多媒體視頻講解　　12個典型應(yīng)用模塊　　196個配套實例　　一線人員，為您講述jQuery那獨特的魅力!　　《jQuery開發(fā)技術(shù)詳解》涵蓋內(nèi)容：　　JavaSc ript基礎(chǔ)　　文檔對象模型　　jQuery開發(fā)工具　　jQuery選擇器　　jQuery DOM操作　　jQuery事件處理　　jQuery動畫與效果　　AJAX應(yīng)用　　jQuery核心及工具　　動態(tài)加載內(nèi)容　　動態(tài)切換樣式　　跨域操作API　　標(biāo)簽云　　類twitter微博客系統(tǒng)　　鍵盤快捷鍵動態(tài)切換頁面　　實現(xiàn)軟鍵盤　　flot插件實現(xiàn)數(shù)據(jù)可視化　　超值光盤　　9小時多媒體視頻　　《jQuery開發(fā)技術(shù)詳解》源文件　　教學(xué)PPT　　贈送JavaSc ript入門教學(xué)視頻

圖書封面

圖書標(biāo)簽Tags

無

評論、評分、閱讀與下載

---

    jQuery開發(fā)技術(shù)詳解 PDF格式下載

---