jQuery基礎(chǔ)教程

內(nèi)容概要

　　《jQuery基礎(chǔ)教程》以通俗易懂的方式介紹了jQuery的基本概念，主要包括jQuery的選擇符、事件、特效、DOM操作、AJAX、表格操作、表單函數(shù)、拖曳與旋轉(zhuǎn)和插件等內(nèi)容，最后幾章以實(shí)例操作為主，在前面內(nèi)容的基礎(chǔ)上，提出了常見(jiàn)的客戶(hù)端實(shí)際問(wèn)題并給出了其解決方案。

作者簡(jiǎn)介

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

書(shū)籍目錄

第1章　jQuery入門(mén)　11.1　jQuery能做什么　11.2　jQuery為什么如此出色　21.3第一個(gè)jQuery文檔　31.3.1　下載jQuery　31.3.2　設(shè)置HTML文檔　41.3.3　編寫(xiě)jQuery代碼　61.4　小結(jié)　9第2章　選擇符——取得你想要的一切　102.1　DOM　102.2　工廠(chǎng)函數(shù)$()　112.3　CSS選擇符　112.4　XPath選擇符　142.5　自定義選擇符　162.6　DOM遍歷方法　182.7　訪(fǎng)問(wèn)DOM元素　222.8　小結(jié)　22第3章　事件——扣動(dòng)扳機(jī)　233.1　在頁(yè)面加載后執(zhí)行任務(wù)　233.1.1　代碼執(zhí)行的時(shí)機(jī)選擇　233.1.2　基于一個(gè)頁(yè)面執(zhí)行多個(gè)腳本　243.1.3　縮短代碼的簡(jiǎn)寫(xiě)方式　253.2　簡(jiǎn)單的事件　253.2.1　簡(jiǎn)單的樣式轉(zhuǎn)換器　263.2.2　簡(jiǎn)寫(xiě)的事件　323.3　復(fù)合事件　333.3.1　顯示和隱藏高級(jí)特性　333.3.2　突出顯示可單擊的項(xiàng)　343.3.3　事件的旅程　363.3.4　事件冒泡的副作用　373.4　限制和終止事件　383.4.1　阻止事件冒泡　383.4.2　移除事件處理程序　403.5　模仿用戶(hù)操作　423.6　小結(jié)　43第4章　效果——為操作添加藝術(shù)性　444.1　修改內(nèi)聯(lián)CSS　444.2　基本的隱藏和顯示　474.3　效果和速度　494.4　多重效果　504.4.1　構(gòu)建具有動(dòng)畫(huà)效果的show()　514.4.2　創(chuàng)建一種自定義的動(dòng)畫(huà)效果　514.4.3　理解數(shù)字的含義　534.4.4　改進(jìn)自定義動(dòng)畫(huà)效果　544.5　并發(fā)與排隊(duì)效果　554.5.1　處理一組元素　554.5.2　處理多組元素　574.6　簡(jiǎn)單概括　604.7　小結(jié)　60第5章　DOM操作——基于命令改變頁(yè)面　615.1　操作屬性　615.2　插入新元素　645.3　移動(dòng)元素　665.3.1　標(biāo)注、編號(hào)和鏈接到上下文　695.3.2　插入腳注　715.4　包裝元素　725.5　復(fù)制元素　725.5.1　復(fù)制的深度　735.5.2　通過(guò)復(fù)制創(chuàng)建突出引用　745.6　DOM操作方法的簡(jiǎn)單歸納　795.7　小結(jié)　80第6章　AJAX——讓網(wǎng)站與時(shí)俱進(jìn)　816.1　基于請(qǐng)求加載數(shù)據(jù)　816.1.1　追加HTML　836.1.2　操作JavaScript對(duì)象　856.1.3　加載XML　文檔　916.2　選擇數(shù)據(jù)格式　946.3　向服務(wù)器傳遞數(shù)據(jù)　956.3.1　執(zhí)行GET請(qǐng)求　966.3.2　執(zhí)行POST請(qǐng)求　996.3.3　序列化表單　1006.4　關(guān)注請(qǐng)求　1026.5　AJAX和事件　1056.5.1　限定事件綁定函數(shù)的作用域　1066.5.2　利用事件冒泡　1066.6　安全限制　1076.7　小結(jié)　108第7章　表格操作　1097.1　排序　1107.1.1　服務(wù)器端排序　1107.1.2　JavaScript排序　1117.2　分頁(yè)　1237.2.1　服務(wù)器端分頁(yè)　1247.2.2　JavaScript　分頁(yè)　1257.3　完成的代碼　1297.4　高級(jí)行條紋效果　1327.4.1　三色交替模式　1357.4.2　三行一組交替　1377.5　突出顯示行　1417.6　工具提示條　1437.7　折疊和擴(kuò)展　1487.8　篩選　1507.8.1　篩選選項(xiàng)　1507.8.2　同其他代碼整合　1527.9　完成的代碼　1557.10　小結(jié)　158第8章　構(gòu)建功能型表單　1598.1　漸進(jìn)增強(qiáng)的表單設(shè)計(jì)　1598.1.1　圖標(biāo)符號(hào)　1618.1.2　必填字段的提示信息　1628.1.3　根據(jù)條件顯示的字段　1668.2　表單驗(yàn)證　1688.2.1　即時(shí)反饋　1688.2.2　最終檢查　1738.3　復(fù)選框操作　1748.4　完成的代碼　1778.5　字段的占位符文本　1808.6　AJAX自動(dòng)完成　1828.6.1　服務(wù)器端代碼　1828.6.2　瀏覽器端腳本　1838.6.3　填充搜索字段　1848.6.4　鍵盤(pán)導(dǎo)航　1848.6.5　自動(dòng)完成與實(shí)時(shí)搜索　1888.7　完成的代碼　1898.8　輸入掩碼　1918.8.1　購(gòu)物車(chē)表格結(jié)構(gòu)　1918.8.2　拒絕非數(shù)字輸入　1948.9　數(shù)字計(jì)算　1948.9.1　解析和格式化貨幣值　1958.9.2　處理小數(shù)位　1968.9.3　其他計(jì)算　1988.10　刪除商品　2008.11　修改送貨信息　2048.12　完成的代碼　2078.13　小結(jié)　209第9章　滑移和翻轉(zhuǎn)　2109.1　標(biāo)題翻轉(zhuǎn)效果　2109.1.1　設(shè)置頁(yè)面　2109.1.2　取得新聞源　2129.1.3　設(shè)置翻轉(zhuǎn)效果　2149.1.4　標(biāo)題翻轉(zhuǎn)函數(shù)　2159.1.5　懸停時(shí)暫?！?179.1.6　從不同的域中取得新聞源　2199.1.7　附加的內(nèi)部漸變效果　2219.2　圖像傳送帶　2239.2.1　設(shè)置頁(yè)面　2239.2.2　通過(guò)JavaScript修改樣式　2259.2.3　通過(guò)單擊滑移圖像　2269.2.4　添加滑移效果　2289.2.5　顯示操作圖標(biāo)　2299.3　放大圖像　2329.3.1　隱藏大幅封面　2349.3.2　更有價(jià)值的標(biāo)記　2369.3.3　為封面放大添加動(dòng)畫(huà)效果　2379.4　完成的代碼　2449.5　小結(jié)　249第10章　插件　25010.1　使用插件　25010.2　流行的插件　25110.2.1　Dimensions　25110.2.2　Form　25310.2.3　Interface　25510.3　查找插件文檔　25910.4　開(kāi)發(fā)新插件　26110.4.1　添加新的全局函數(shù)　26110.4.2　添加jQuery對(duì)象方法　26310.4.3　DOM遍歷方法　26410.4.4　添加新的簡(jiǎn)寫(xiě)方法　26710.4.5　維護(hù)多事件日志　26810.4.6　添加選擇符表達(dá)式　27010.4.7　創(chuàng)建緩動(dòng)樣式　27210.4.8　做個(gè)好公民　27410.5　小結(jié)　275附錄A　在線(xiàn)資源　277附錄B　開(kāi)發(fā)工具　283附錄C　JavaScript閉包　287

章節(jié)摘錄

　　第1章　jQuery入門(mén)　　今天的萬(wàn)維網(wǎng)是一個(gè)動(dòng)態(tài)的環(huán)境，Web用戶(hù)對(duì)網(wǎng)站的設(shè)計(jì)和功能都提出了高要求。為了構(gòu)建有吸引力的交互式網(wǎng)站，開(kāi)發(fā)者們借助于像jQuery這樣的JavaScript庫(kù)，實(shí)現(xiàn)了常見(jiàn)任務(wù)的自動(dòng)化和復(fù)雜任務(wù)的簡(jiǎn)單化。jQuery庫(kù)廣受歡迎的一個(gè)原因，就是它對(duì)種類(lèi)繁多的開(kāi)發(fā)任務(wù)都能游刃有余地提供幫助?！　∮捎趈Query的功能如此豐富多樣，找到合適的切入點(diǎn)似乎都成了一項(xiàng)挑戰(zhàn)。不過(guò)，這個(gè)庫(kù)的設(shè)計(jì)秉承了一致性與對(duì)稱(chēng)性原則，它的大部分概念都是從HTML和CSS（Cascading Style Sheet，層疊樣式表）的結(jié)構(gòu)中借用而來(lái)的。鑒于很多Web開(kāi)發(fā)人員對(duì)這兩種技術(shù)比對(duì)JavaScript更有經(jīng)驗(yàn)，所以編程經(jīng)驗(yàn)不多的設(shè)計(jì)者能夠快速學(xué)會(huì)使用該庫(kù)。實(shí)際上，在本書(shū)開(kāi)篇第1章中，只需3行代碼就能編寫(xiě)一個(gè)有用的jQuery程序。另一方面，經(jīng)驗(yàn)豐富的程序設(shè)計(jì)人員也會(huì)受益于這種概念上的一致性，通過(guò)學(xué)習(xí)后面的更高級(jí)內(nèi)容，你會(huì)感受到這一點(diǎn)。但是，在舉例說(shuō)明如何使用這個(gè)庫(kù)之前，我們應(yīng)該首先討論一下選擇它的理由?！　?.1　jQuery能做什么　　jQuery庫(kù)為Web腳本編程提供了通用的抽象層，使得它幾乎適用于任何腳本編程的情形。由于它容易擴(kuò)展而且不斷有新插件面世增強(qiáng)它的功能，所以一本書(shū)根本無(wú)法涵蓋它所有可能的用途和功能。拋開(kāi)這些不談，僅就其核心特性而言，jQuery能夠滿(mǎn)足下列需求：　　取得頁(yè)面中的元素。如果不使用JavaScript庫(kù)，遍歷DOM（Documem Object Model，文檔對(duì)象模型）樹(shù)，以及查找HTML文檔結(jié)構(gòu)中某個(gè)特殊的部分，必須編寫(xiě)很多行代碼。jQuery為準(zhǔn)確地獲取需要檢查或操縱的文檔元素，提供了可靠而富有效率的選擇符機(jī)制。　　修改頁(yè)面的外觀(guān)。css雖然為影響文檔呈現(xiàn)的方式提供了一種強(qiáng)大的手段，但當(dāng)所有瀏覽器不完全支持相同的標(biāo)準(zhǔn)時(shí)，單純使用CSS就會(huì)顯得力不從心。jQuery可以彌補(bǔ)這一不足，它提供了跨瀏覽器的標(biāo)準(zhǔn)解決方案。而且，即使在頁(yè)面已經(jīng)呈現(xiàn)之后，jQuery仍然能夠改變文檔中某個(gè)部分的類(lèi)或者個(gè)別的樣式屬性。　　改變頁(yè)面的內(nèi)容。jQuery能夠影響的范圍并不局限于簡(jiǎn)單的外觀(guān)變化，使用少量的代碼，jQuery就能改變文檔的內(nèi)容?？梢愿淖兾谋?、插入或翻轉(zhuǎn)圖像、對(duì)列表重新排序，甚至，對(duì)HTML文檔的整個(gè)結(jié)構(gòu)都能重寫(xiě)和擴(kuò)充——所有這些只需一個(gè)簡(jiǎn)單易用的API?！　№憫?yīng)用戶(hù)的頁(yè)面操作。即使是最強(qiáng)大和最精心設(shè)計(jì)的行為，如果我們無(wú)法控制它何時(shí)發(fā)生，那它也毫無(wú)用處。jQuery提供了截取形形色色的頁(yè)面事件（比如用戶(hù)單擊一個(gè)鏈接）的適當(dāng)方式，而不需要使用事件處理程序搞舌LHTML代碼。此外，它的事件處理API也消除了經(jīng)常困擾Web開(kāi)發(fā)人員的瀏覽器不一致性?！　轫?yè)面添加動(dòng)態(tài)效果。為了實(shí)現(xiàn)某種交互式行為，設(shè)計(jì)者也必須向用戶(hù)提供視覺(jué)上的反饋。jQuery中內(nèi)置的一批淡入、擦除之類(lèi)的效果，以及制作新效果的工具包，為此提供了便利。　　無(wú)需刷新頁(yè)面即可從服務(wù)器獲取信息。這種編程模式就是眾所周知的AJAX（AsynchronousJavaScript and XML，異步JavaScript和XML），它能輔助Web開(kāi)發(fā)人員創(chuàng)建出反應(yīng)靈敏、功能豐富的網(wǎng)站。jQuery通過(guò)消除這一過(guò)程中的瀏覽器特定的復(fù)雜性，使開(kāi)發(fā)人員得以專(zhuān)注于服務(wù)器端的功能設(shè)計(jì)。

編輯推薦

　　全球第一部jQuery著作，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ū)是第一本全面深入介紹jQuery的著作，源自著名jQuery資源網(wǎng)站LeamingjQuery.com，深得業(yè)界好評(píng)。從中你不僅能夠?qū)W到j(luò)Query的基本知識(shí)，還能領(lǐng)略大量堪稱(chēng)典范的實(shí)例和JavaScript編程最佳實(shí)踐。

圖書(shū)封面

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

無(wú)

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

---

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

---