出版時(shí)間:2008-7 出版社:人民郵電出版社 作者:Karl Swedberg,Jonathan Chaffer 頁數(shù):296 譯者:李松峰,李煒
Tag標(biāo)簽:無
內(nèi)容概要
《jQuery基礎(chǔ)教程》以通俗易懂的方式介紹了jQuery的基本概念,主要包括jQuery的選擇符、事件、特效、DOM操作、AJAX、表格操作、表單函數(shù)、拖曳與旋轉(zhuǎn)和插件等內(nèi)容,最后幾章以實(shí)例操作為主,在前面內(nèi)容的基礎(chǔ)上,提出了常見的客戶端實(shí)際問題并給出了其解決方案。
作者簡介
Jonathan Chaffer資深web專家,Structure互動(dòng)公司CTO。著名jQuery資源站LearningjQuery.com創(chuàng)始人之一。他還是著名的開源CMS項(xiàng)目Drupal的核心開發(fā)者,開發(fā)了廣受歡迎的模塊Content Construction Kit(內(nèi)容構(gòu)建工具包)并大幅修改了菜單系統(tǒng)。
書籍目錄
第1章 jQuery入門 11.1 jQuery能做什么 11.2 jQuery為什么如此出色 21.3第一個(gè)jQuery文檔 31.3.1 下載jQuery 31.3.2 設(shè)置HTML文檔 41.3.3 編寫jQuery代碼 61.4 小結(jié) 9第2章 選擇符——取得你想要的一切 102.1 DOM 102.2 工廠函數(shù)$() 112.3 CSS選擇符 112.4 XPath選擇符 142.5 自定義選擇符 162.6 DOM遍歷方法 182.7 訪問DOM元素 222.8 小結(jié) 22第3章 事件——扣動(dòng)扳機(jī) 233.1 在頁面加載后執(zhí)行任務(wù) 233.1.1 代碼執(zhí)行的時(shí)機(jī)選擇 233.1.2 基于一個(gè)頁面執(zhí)行多個(gè)腳本 243.1.3 縮短代碼的簡寫方式 253.2 簡單的事件 253.2.1 簡單的樣式轉(zhuǎn)換器 263.2.2 簡寫的事件 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 模仿用戶操作 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)畫效果的show() 514.4.2 創(chuàng)建一種自定義的動(dòng)畫效果 514.4.3 理解數(shù)字的含義 534.4.4 改進(jìn)自定義動(dòng)畫效果 544.5 并發(fā)與排隊(duì)效果 554.5.1 處理一組元素 554.5.2 處理多組元素 574.6 簡單概括 604.7 小結(jié) 60第5章 DOM操作——基于命令改變頁面 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 通過復(fù)制創(chuàng)建突出引用 745.6 DOM操作方法的簡單歸納 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 分頁 1237.2.1 服務(wù)器端分頁 1247.2.2 JavaScript 分頁 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 鍵盤導(dǎo)航 1848.6.5 自動(dòng)完成與實(shí)時(shí)搜索 1888.7 完成的代碼 1898.8 輸入掩碼 1918.8.1 購物車表格結(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è)置頁面 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è)置頁面 2239.2.2 通過JavaScript修改樣式 2259.2.3 通過單擊滑移圖像 2269.2.4 添加滑移效果 2289.2.5 顯示操作圖標(biāo) 2299.3 放大圖像 2329.3.1 隱藏大幅封面 2349.3.2 更有價(jià)值的標(biāo)記 2369.3.3 為封面放大添加動(dòng)畫效果 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 開發(fā)新插件 26110.4.1 添加新的全局函數(shù) 26110.4.2 添加jQuery對(duì)象方法 26310.4.3 DOM遍歷方法 26410.4.4 添加新的簡寫方法 26710.4.5 維護(hù)多事件日志 26810.4.6 添加選擇符表達(dá)式 27010.4.7 創(chuàng)建緩動(dòng)樣式 27210.4.8 做個(gè)好公民 27410.5 小結(jié) 275附錄A 在線資源 277附錄B 開發(fā)工具 283附錄C JavaScript閉包 287
章節(jié)摘錄
第1章 jQuery入門 今天的萬維網(wǎng)是一個(gè)動(dòng)態(tài)的環(huán)境,Web用戶對(duì)網(wǎng)站的設(shè)計(jì)和功能都提出了高要求。為了構(gòu)建有吸引力的交互式網(wǎng)站,開發(fā)者們借助于像jQuery這樣的JavaScript庫,實(shí)現(xiàn)了常見任務(wù)的自動(dòng)化和復(fù)雜任務(wù)的簡單化。jQuery庫廣受歡迎的一個(gè)原因,就是它對(duì)種類繁多的開發(fā)任務(wù)都能游刃有余地提供幫助。 由于jQuery的功能如此豐富多樣,找到合適的切入點(diǎn)似乎都成了一項(xiàng)挑戰(zhàn)。不過,這個(gè)庫的設(shè)計(jì)秉承了一致性與對(duì)稱性原則,它的大部分概念都是從HTML和CSS(Cascading Style Sheet,層疊樣式表)的結(jié)構(gòu)中借用而來的。鑒于很多Web開發(fā)人員對(duì)這兩種技術(shù)比對(duì)JavaScript更有經(jīng)驗(yàn),所以編程經(jīng)驗(yàn)不多的設(shè)計(jì)者能夠快速學(xué)會(huì)使用該庫。實(shí)際上,在本書開篇第1章中,只需3行代碼就能編寫一個(gè)有用的jQuery程序。另一方面,經(jīng)驗(yàn)豐富的程序設(shè)計(jì)人員也會(huì)受益于這種概念上的一致性,通過學(xué)習(xí)后面的更高級(jí)內(nèi)容,你會(huì)感受到這一點(diǎn)。但是,在舉例說明如何使用這個(gè)庫之前,我們應(yīng)該首先討論一下選擇它的理由?! ?.1 jQuery能做什么 jQuery庫為Web腳本編程提供了通用的抽象層,使得它幾乎適用于任何腳本編程的情形。由于它容易擴(kuò)展而且不斷有新插件面世增強(qiáng)它的功能,所以一本書根本無法涵蓋它所有可能的用途和功能。拋開這些不談,僅就其核心特性而言,jQuery能夠滿足下列需求: 取得頁面中的元素。如果不使用JavaScript庫,遍歷DOM(Documem Object Model,文檔對(duì)象模型)樹,以及查找HTML文檔結(jié)構(gòu)中某個(gè)特殊的部分,必須編寫很多行代碼。jQuery為準(zhǔn)確地獲取需要檢查或操縱的文檔元素,提供了可靠而富有效率的選擇符機(jī)制?! ⌒薷捻撁娴耐庥^。css雖然為影響文檔呈現(xiàn)的方式提供了一種強(qiáng)大的手段,但當(dāng)所有瀏覽器不完全支持相同的標(biāo)準(zhǔn)時(shí),單純使用CSS就會(huì)顯得力不從心。jQuery可以彌補(bǔ)這一不足,它提供了跨瀏覽器的標(biāo)準(zhǔn)解決方案。而且,即使在頁面已經(jīng)呈現(xiàn)之后,jQuery仍然能夠改變文檔中某個(gè)部分的類或者個(gè)別的樣式屬性。 改變頁面的內(nèi)容。jQuery能夠影響的范圍并不局限于簡單的外觀變化,使用少量的代碼,jQuery就能改變文檔的內(nèi)容??梢愿淖兾谋尽⒉迦牖蚍D(zhuǎn)圖像、對(duì)列表重新排序,甚至,對(duì)HTML文檔的整個(gè)結(jié)構(gòu)都能重寫和擴(kuò)充——所有這些只需一個(gè)簡單易用的API?! №憫?yīng)用戶的頁面操作。即使是最強(qiáng)大和最精心設(shè)計(jì)的行為,如果我們無法控制它何時(shí)發(fā)生,那它也毫無用處。jQuery提供了截取形形色色的頁面事件(比如用戶單擊一個(gè)鏈接)的適當(dāng)方式,而不需要使用事件處理程序搞舌LHTML代碼。此外,它的事件處理API也消除了經(jīng)常困擾Web開發(fā)人員的瀏覽器不一致性?! 轫撁嫣砑觿?dòng)態(tài)效果。為了實(shí)現(xiàn)某種交互式行為,設(shè)計(jì)者也必須向用戶提供視覺上的反饋。jQuery中內(nèi)置的一批淡入、擦除之類的效果,以及制作新效果的工具包,為此提供了便利?! o需刷新頁面即可從服務(wù)器獲取信息。這種編程模式就是眾所周知的AJAX(AsynchronousJavaScript and XML,異步JavaScript和XML),它能輔助Web開發(fā)人員創(chuàng)建出反應(yīng)靈敏、功能豐富的網(wǎng)站。jQuery通過消除這一過程中的瀏覽器特定的復(fù)雜性,使開發(fā)人員得以專注于服務(wù)器端的功能設(shè)計(jì)。
編輯推薦
全球第一部jQuery著作,Amazon全五星盛譽(yù),jQuery官方網(wǎng)站推薦?! Query是功能強(qiáng)大卻又簡潔明快的輕量級(jí)JavaScript庫,出自名家之手。因?yàn)樵贒OM操作、事件處理、Ajax特性以及動(dòng)畫特效等方面的出色表現(xiàn),它迅速從眾多JavaScript庫中脫穎而出,成為一顆閃亮的明星?! ”緯堑谝槐救嫔钊虢榻BjQuery的著作,源自著名jQuery資源網(wǎng)站LeamingjQuery.com,深得業(yè)界好評(píng)。從中你不僅能夠?qū)W到j(luò)Query的基本知識(shí),還能領(lǐng)略大量堪稱典范的實(shí)例和JavaScript編程最佳實(shí)踐。
圖書封面
圖書標(biāo)簽Tags
無
評(píng)論、評(píng)分、閱讀與下載