jQuery基礎(chǔ)教程

前言

　　得知Karl Swedberg和Jonathan Chaffer共同編寫(xiě)這奉jQuery教程，我深感榮幸。作為第一本jQuery圖書(shū)，它為其他jQuery——實(shí)際上，也為其他JavaScript——圖書(shū)，樹(shù)立了一個(gè)新標(biāo)桿。第一版自面世以來(lái)，始終高居最暢銷(xiāo)JavaScrilpt圖書(shū)榜首，究其原因，概源自其內(nèi)在的高品質(zhì)和對(duì)細(xì)節(jié)的關(guān)注。　　我尤其高興，是Karl和Jonathan共同執(zhí)筆撰寫(xiě)了這本書(shū)，因?yàn)槲覍?duì)他們非常了解，知道他們是寫(xiě)這方面圖書(shū)的最佳人選。作為jQuery~千發(fā)團(tuán)隊(duì)的核心人員，我在過(guò)去的幾年間對(duì)Karl有了充分的了解，特別是對(duì)他編寫(xiě)本書(shū)的情況十分熟悉?？纯醋罱K作品就會(huì)知道，作為開(kāi)發(fā)人員和曾經(jīng)的英文教師，由他來(lái)完成這個(gè)寫(xiě)書(shū)任務(wù)簡(jiǎn)直是老天的巧妙安排。　　我還曾有機(jī)會(huì)與他們兩位謀面——對(duì)于從事分布式開(kāi)源項(xiàng)目工作的我們來(lái)說(shuō)，這種見(jiàn)面機(jī)會(huì)算是極為難得的。當(dāng)然，他們目前依舊是jQuery社區(qū)的中堅(jiān)分子?！　Query社區(qū)中有許許多多不同的人在使用jQuery，其中包括設(shè)計(jì)人員、開(kāi)發(fā)人員、有編程經(jīng)驗(yàn)的人和沒(méi)有編程經(jīng)驗(yàn)的人。即使是jQuery團(tuán)隊(duì)內(nèi)部，也有很多不同背景的人為這個(gè)項(xiàng)目的發(fā)展提供各自的建議。來(lái)自五湖四海的jQuery用戶(hù)都有著同一個(gè)目標(biāo)，即我們這個(gè)由開(kāi)發(fā)人員和設(shè)計(jì)人員組成的社區(qū)，其宗旨就是讓JavaScript開(kāi)發(fā)變得越來(lái)越簡(jiǎn)單?！　〈藭r(shí)此刻，重申開(kāi)源項(xiàng)目是社區(qū)導(dǎo)向的，或者說(shuō)開(kāi)源項(xiàng)目的目標(biāo)就是幫助新用戶(hù)快速上手，好像總有幾分陳詞濫調(diào)的意味。然而，這個(gè)宗旨對(duì)jQuery而言絕非表面上做做姿態(tài)，其理念恰恰正是項(xiàng)目本身綿綿不絕的動(dòng)力源泉。在jQuery團(tuán)隊(duì)中，除了維護(hù)核心代碼的人，實(shí)際上還有更多的人在負(fù)責(zé)管理社區(qū)、撰寫(xiě)文檔和編寫(xiě)插件。雖然庫(kù)本身的穩(wěn)定性至關(guān)重要，但代碼背后的社區(qū)也絕對(duì)不容忽視。一個(gè)項(xiàng)目是等閑平庸、舉步維艱，還是能處處滿(mǎn)足甚至超出用戶(hù)的期許，可以說(shuō)完全取決于社區(qū)?！　∥覀?nèi)绾芜\(yùn)營(yíng)項(xiàng)目，用戶(hù)如何使用我們的代碼，是jQuery與大多數(shù)開(kāi)源項(xiàng)目（以及大多數(shù)JavaScript庫(kù)）的根本差異所在。jQuery項(xiàng)目及其社區(qū)是具有高度智慧的。我們深知是什么讓jQuery帶給了用戶(hù)不同的編程體驗(yàn)，并且也在竭盡全力把這些知識(shí)和智慧傳遞給我們的用戶(hù)?！　⌒涫峙杂^永遠(yuǎn)不會(huì)理解jQuery社區(qū)，只有參與其中，潛心鉆研，才能獲得切身體驗(yàn)。我們衷心希望本書(shū)讀者有朝一日都能夠加入jQuery社區(qū)。無(wú)論是加入我們的論壇、郵件列表還是博客，jQueiy社區(qū)都能為你更好地利用jQuery提供各方面幫助?！　?duì)我個(gè)人而言，jQuery絕不僅僅就是一些代碼塊那么簡(jiǎn)單，它是這幾年來(lái)，為了讓這個(gè)庫(kù)更有價(jià)值，社區(qū)成員日積月累的所有經(jīng)驗(yàn)的大匯聚。

內(nèi)容概要

本書(shū)作為《jQuery基礎(chǔ)教程》的升級(jí)版，涵蓋了jQuery 1.3的全部新特性，特別是新增了介紹jQuery UI(jQuery官方用戶(hù)界面插件庫(kù))的內(nèi)容。本書(shū)前6章以通俗易懂的方式介紹了jQuery的基本概念，主要包括jQuery的選擇符、事件、效果、DOM操作、AJAX支持等。隨后3章從理論到實(shí)踐，通過(guò)表格操作、構(gòu)建功能型表單、實(shí)現(xiàn)滑移和翻轉(zhuǎn)效果等實(shí)例，深入淺出地講解了如何創(chuàng)造性地運(yùn)用jQuery提供的豐富而強(qiáng)大的API。本書(shū)最后兩章專(zhuān)門(mén)介紹了如何使用和編寫(xiě)jQuery插件。值得一提的是，本版新增的附錄D分門(mén)別類(lèi)地列出了所有jQuery API，為高效使用jQuery提供了方便?！　”緯?shū)注重理論與實(shí)踐相結(jié)合，適合初中級(jí)Web開(kāi)發(fā)人員閱讀和參考。

作者簡(jiǎn)介

　　Jonathan Chaffer  資深Web專(zhuān)家，Structure互動(dòng)公司CT0。著名jQuery資源網(wǎng)站LeamingjQuery．com創(chuàng)始人之一。他還是著名的開(kāi)源CMS項(xiàng)目Drupa J的核心開(kāi)發(fā)人員。開(kāi)發(fā)了廣受歡迎的Content Construction Kit(內(nèi)容構(gòu)建工具包)模塊并大幅修改了菜單系統(tǒng)。

書(shū)籍目錄

第1章　jQuery入門(mén)　　1.1　jQuery能做什么　　1.2　jQuery為什么如此出色　　1.3　jQuery項(xiàng)目歷史　　1.4　第一個(gè)jQuery驅(qū)動(dòng)的頁(yè)面　　　1.4.1　下載jQuery　　　1.4.2　建立HTML文檔　　　1.4.3　編寫(xiě)jQuery代碼　　　1.4.4　最終結(jié)果　　1.5　小結(jié)　第2章　選擇符　　2.1　DOM　　2.2　工廠函數(shù)$()　　2.3　CSS選擇符　　2.4　屬性選擇符　　2.5　自定義選擇符　　　2.5.1　每隔一行為表格添加樣式　　　2.5.2　基于表單的選擇符　　2.6　DOM遍歷方法　　　2.6.1　為特定單元格添加樣式　　　2.6.2　連綴　　2.7　訪問(wèn)DOM元素　　2.8　小結(jié)　第3章　事件　　3.1　在頁(yè)面加載后執(zhí)行任務(wù)　　　3.1.1　代碼執(zhí)行的時(shí)機(jī)選擇　　　3.1.2　基于一個(gè)頁(yè)面執(zhí)行多個(gè)腳本　　　3.1.3　縮短代碼的簡(jiǎn)寫(xiě)方式　　　3.1.4　與其他庫(kù)共存　　3.2　簡(jiǎn)單的事件　　　3.2.1　簡(jiǎn)單的樣式轉(zhuǎn)換器　　　3.2.2　簡(jiǎn)寫(xiě)的事件　　3.3　復(fù)合事件　　　3.3.1　顯示和隱藏高級(jí)特性　　　3.3.2　突出顯示可單擊的項(xiàng)　　3.4　事件的旅程　　3.5　通過(guò)事件對(duì)象改變事件的旅程　　　3.5.1　事件目標(biāo)　　　3.5.2　停止事件傳播　　　3.5.3　默認(rèn)操作　　　3.5.4　事件委托　　3.6　移除事件處理程序　　　3.6.1　事件的命名空間　　　3.6.2　重新綁定事件　　3.7　模仿用戶(hù)操作　　3.8　小結(jié)　第4章　效果　　4.1　修改內(nèi)聯(lián)CSS　　4.2　基本的隱藏和顯示　　4.3　效果和速度　　　4.3.1　指定顯示速度　　　4.3.2　淡入和淡出　　4.4　復(fù)合效果　　4.5　創(chuàng)建自定義動(dòng)畫(huà)　　　4.5.1　切換淡入淡出　　　4.5.2　創(chuàng)建多個(gè)屬性的動(dòng)畫(huà)　　4.6　并發(fā)與排隊(duì)效果　　　4.6.1　處理一組元素　　　4.6.2　處理多組元素　　　4.6.3　回調(diào)函數(shù)　　　4.6.4　簡(jiǎn)單概括　　4.7　小結(jié)　第5章　DOM操作　　5.1　操作屬性　　　5.1.1　非class屬性　　　5.1.2　深入理解$()工廠函數(shù)　　5.2　插入新元素　　5.3　移動(dòng)元素　　　5.3.1　標(biāo)注、編號(hào)和鏈接到上下文　　　5.3.2　插入腳注　　5.4　包裝元素　　5.5　復(fù)制元素　　　5.5.1　連同事件一起復(fù)制　　　5.5.2　通過(guò)復(fù)制創(chuàng)建突出引用　　　5.5.3　通過(guò)CSS使突出引用偏離正文　　　5.5.4　回到代碼中　　　5.5.5　修飾突出引用　　5.6　DOM操作方法的簡(jiǎn)單歸納　　5.7　小結(jié)　第6章　AJAX　　6.1　基于請(qǐng)求加載數(shù)據(jù)　　　6.1.1　追加HTML　　　6.1.2　操作JavaScript對(duì)象　　　6.1.3　加載XML文檔　　6.2　選擇數(shù)據(jù)格式　　6.3　向服務(wù)器傳遞數(shù)據(jù)　　　6.3.1　執(zhí)行GET請(qǐng)求　　　6.3.2　執(zhí)行POST請(qǐng)求　　　6.3.3　序列化表單　　6.4　關(guān)注請(qǐng)求　　6.5　AJAX和事件　　6.6　安全限制　　6.7　其他工具　　　6.7.1　低級(jí)AJAX方法　　　6.7.2　修改默認(rèn)選項(xiàng)　　　6.7.3　部分加載HTML頁(yè)面　　6.8　小結(jié)　第7章　表格操作　　7.1　排序和分頁(yè)　　　7.1.1　服務(wù)器端排序　　　7.1.2　JavaScript排序　　　7.1.3　服務(wù)器端分頁(yè)　　　7.1.4　JavaScript分頁(yè)　　　7.1.5　完成的代碼　　7.2　修改表格外觀　　　7.2.1　突出顯示行　　　7.2.2　工具提示條　　　7.2.3　折疊和擴(kuò)展　　　7.2.4　篩選　　　7.2.5　完成的代碼　　7.3　小結(jié)　第8章　構(gòu)建功能型表單　　8.1　改進(jìn)基本的表單　　　8.1.1　漸進(jìn)增強(qiáng)表單樣式　　　8.1.2　根據(jù)條件顯示的字段　　　8.1.3　表單驗(yàn)證　　　8.1.4　復(fù)選框操作　　　8.1.5　完成的代碼　　8.2　提升緊湊的表單　　　8.2.1　字段的占位符文本　　　8.2.2　AJAX自動(dòng)完成　　　8.2.3　完成的代碼　　8.3　操作數(shù)字型表單數(shù)據(jù)　　　8.3.1　購(gòu)物車(chē)表格結(jié)構(gòu)　　　8.3.2　拒絕非數(shù)字輸入　　　8.3.3　數(shù)字計(jì)算　　　8.3.4　刪除商品　　　8.3.5　修改送貨信息　　　8.3.6　完成的代碼　　8.4　小結(jié)　第9章　滑移和翻轉(zhuǎn)　　9.1　標(biāo)題新聞翻轉(zhuǎn)效果　　　9.1.1　設(shè)置頁(yè)面　　　9.1.2　取得新聞源　　　9.1.3　設(shè)置翻轉(zhuǎn)效果　　　9.1.4　標(biāo)題新聞翻轉(zhuǎn)函數(shù)　　　9.1.5　懸停時(shí)暫停　　　9.1.6　從不同的域中取得新聞源　　　9.1.7　附加的內(nèi)部漸變效果　　　9.1.8　完成的代碼　　9.2　圖像傳送帶　　　9.2.1　設(shè)置頁(yè)面　　　9.2.2　通過(guò)單擊滑移圖像　　　9.2.3　放大圖像　　　9.2.4　完成的代碼　　9.3　小結(jié)　第10章　使用插件　　10.1　查找插件和幫助　　10.2　使用插件　　10.3　Form插件　　10.4　jQuery UI插件庫(kù)　　　10.4.1　效果　　　10.4.2　交互組件　　　10.4.3　部件　　　10.4.4　jQuery UI ThemeRoller　　10.5　其他插件　　　10.5.1　表單類(lèi)　　　10.5.2　表格類(lèi)　　　10.5.3　圖像類(lèi)　　　10.5.4　亮盒及模態(tài)對(duì)話框　　　10.5.5　圖表類(lèi)　　　10.5.6　事件類(lèi)　　10.6　小結(jié)　第11章　開(kāi)發(fā)插件　　11.1　添加新的全局函數(shù)　　　11.1.1　添加多個(gè)函數(shù)　　　11.1.2　關(guān)鍵所在　　　11.1.3　創(chuàng)建實(shí)用方法　　11.2　添加jQuery對(duì)象方法　　　11.2.1　對(duì)象方法的環(huán)境　　　11.2.2　方法連綴　　11.3　DOM遍歷方法　　11.4　添加新的簡(jiǎn)寫(xiě)方法　　11.5　方法的參數(shù)　　　11.5.1　簡(jiǎn)單參數(shù)　　　11.5.2　參數(shù)映射　　　11.5.3　默認(rèn)參數(shù)值　　　11.5.4　回調(diào)函數(shù)　　　11.5.5　可定制的默認(rèn)值　　11.6　添加選擇符表達(dá)式　　11.7　共享插件　　　11.7.1　命名約定　　　11.7.2　別名$的使用　　　11.7.3　方法接口　　　11.7.4　文檔格式　　11.8　小結(jié)　附錄A　在線資源　附錄B　開(kāi)發(fā)工具　附錄C　JavaScript閉包　附錄D　快速參考

章節(jié)摘錄

　　有了包含DOM節(jié)點(diǎn)的數(shù)組后，就可以對(duì)其排序了，不過(guò)首先必須編寫(xiě)一個(gè)適當(dāng)?shù)谋容^函數(shù)。我們打算根據(jù)相應(yīng)單元格中的文本內(nèi)容來(lái)對(duì)表格行排序，因此比較函數(shù)應(yīng)該比較單元格的文本內(nèi)容。由于在內(nèi)部的.each（）調(diào)用中捕獲到了列索引，所以我們知道要查看哪個(gè)單元格。之所以要把文本轉(zhuǎn)換成大寫(xiě)，是因?yàn)镴avaScriptr和的字符串比較區(qū)分大小寫(xiě)，而我們希望排序結(jié)果不區(qū)分大小寫(xiě)。為了減少冗余計(jì)算，我們把需要比較的鍵值（大寫(xiě)的文本內(nèi)容）保存在變量中，比較它們，根據(jù)上面討論的規(guī)則返回正數(shù)、負(fù)數(shù)或者零。　　最后，通過(guò)循環(huán)遍歷排序后的數(shù)組，將表格行重新插入到表格中。注意，因?yàn)?append（）方法不會(huì)復(fù)制節(jié)點(diǎn)，因此該方法會(huì)移動(dòng)表格行而不是復(fù)制表格行。于是，我們就能看到按字母排序的表格?！　∫陨鲜菨u進(jìn)增強(qiáng)的另一面——平穩(wěn)退化的一個(gè)例子。與我們前面討論的AJAX解決方案不同，這個(gè)例子中的排序功能在沒(méi)有JavaScript的情況下是無(wú)法使用的，因?yàn)槲覀兗僭O(shè)服務(wù)器上沒(méi)有處理這種情況的腳本程序。由于排序功能有賴(lài)于JavaScrlpt，因此只通過(guò)JavaScript代碼添加clickable類(lèi)，可以確保在缺少腳本而無(wú)法使用排序功能時(shí)，不會(huì)顯示可以排序的界面。頁(yè)面中的表格也在沒(méi)有JavaScfipt的情況下平穩(wěn)退化，雖然無(wú)法進(jìn)行排序，但仍然具有基本的功能?！　∮捎谂判蜻^(guò)程中移動(dòng)了表格行，因而導(dǎo)致原來(lái)交替顯示的行顏色發(fā)生了混亂，如圖7-3所示。

媒體關(guān)注與評(píng)論

　　“本書(shū)是學(xué)習(xí)jQuery的最佳途徑?！薄　　猄lashdol.org　　“本書(shū)和jQuery框架本身一樣優(yōu)雅和簡(jiǎn)潔。作者恰到好處地講述了如何使用jQuery加快RIA開(kāi)發(fā)?！薄　　狝jaxian.com

編輯推薦

　　《jQuery基礎(chǔ)教程(第2版)》是《jQuery基礎(chǔ)教程》升級(jí)版，涵蓋jQuery1.3，Amazon全五星盛譽(yù)，jQuery官方網(wǎng)站推薦?！　Query是功能強(qiáng)大卻又簡(jiǎn)潔明快的輕量級(jí)JavaScript庫(kù)，出自名家之手。因?yàn)樵贒OM操作、事件處理、Ajax特性以及動(dòng)畫(huà)特效等方面的出色表現(xiàn)，它迅速?gòu)谋姸郕avaScript庫(kù)中脫穎而出，成為一顆閃亮的明星。

圖書(shū)封面

圖書(shū)標(biāo)簽Tags

無(wú)

評(píng)論、評(píng)分、閱讀與下載

---

    jQuery基礎(chǔ)教程 PDF格式下載

---