jQuery JavaScript與CSS開發(fā)入門經(jīng)典

前言

iQuery JavaScript框架是Web開發(fā)領(lǐng)域一顆冉冉升起的新星。在最近幾年，隨著JavaScript驅(qū)動(dòng)的、被稱為Web 2.0的網(wǎng)站如雨后春筍般地不斷增長，JavaScript框架已經(jīng)變得非常流行。這些Web 2.0網(wǎng)站通常會(huì)大量使用諸如AJAX和JavaScript的技術(shù)來實(shí)現(xiàn)平滑的圖形增強(qiáng)效果，如果不使用JavaScript，這些Web 2.0功能將難以甚至根本無法合并進(jìn)來。作為一個(gè)JavaScfipt庫，jQuery的任務(wù)是非常簡單的——它致力于減輕Web開發(fā)人員的工作負(fù)擔(dān)，消除跨瀏覽器開發(fā)中的一些困難，并使Web開發(fā)人員需要完成的常見任務(wù)變得簡單了很多。實(shí)踐一再證明，jQuery確實(shí)可以將多行純JavaScript代碼簡化為區(qū)區(qū)幾行jQuery代碼，甚至在很多情況下簡化為一行jQuery代碼。jQuery致力于消除JavaScript開發(fā)中的道道樊籬，它盡可能地消除了JavaScript開發(fā)的冗余現(xiàn)象，在各個(gè)瀏覽器存在差異的關(guān)鍵區(qū)域（例如Microsoft的事件API和W3C的事件API之間，以及其他一些關(guān)鍵任務(wù)，例如獲取事件發(fā)生時(shí)用戶鼠標(biāo)指針的位置等），jQuery為這些跨瀏覽器開發(fā)工作提供了統(tǒng)一的代碼。iQuery是一個(gè)簡潔的、輕量級(jí)的JavaScript庫，它可以工作在Microsoft的6.0版本及以上的IE瀏覽器、1.5版本及以上的Firefox瀏覽器、2.0.2版本及以上的Safari瀏覽器、9.0版本及以上的Opera瀏覽器以及Google新的0.2版本及以上的Chrome瀏覽器上。jQuery的使用方法是非常簡單的——只需在HTML或XHTML文檔中添加一個(gè)包含jQuery庫文件的標(biāo)記鏈接即可。本書詳細(xì)介紹了jQuery的API（Application Programming Interface，應(yīng)用程序編程接口）組件，并詳細(xì)介紹了如何結(jié)合使用jQuery框架的所有基本要點(diǎn)來快速開發(fā)客戶端應(yīng)用程序。本書還介紹了jQuery UI庫的用法。創(chuàng)建客戶端用戶界面曾是一項(xiàng)非常繁瑣的任務(wù)，而如果使用jQuery UI庫，這些任務(wù)則變得出奇簡單，即使沒用豐富JavaScript編程經(jīng)驗(yàn)的普通開發(fā)者，也可以使用.jQuery UI庫創(chuàng)建出專業(yè)的用戶界面。在蘋果公司的Mac主頁vcwv~.apple.com／mac？上，可以看到一個(gè)以動(dòng)畫方式展開或折疊的手風(fēng)琴（accordion）效果，難道你不想創(chuàng)建這樣的特效嗎？使用jQuery，不僅僅可以創(chuàng)建類似的效果，還可以方便地自定義其外觀。也許你想知道，如何在網(wǎng)站中使用JavaScfipt、HTML和CSS來創(chuàng)建虛擬的彈出窗口呢？jQuery UI庫不但提供了對(duì)創(chuàng)建虛擬彈出窗口的支持，此外還允許啟用或關(guān)閉淡入或淡出動(dòng)畫效果，或者將尺寸從小到大的動(dòng)畫效果應(yīng)用于彈出窗口

內(nèi)容概要

本書濃墨重彩地描述iQuery的API及iQuery框架的所有基礎(chǔ)知識(shí)，在實(shí)例引導(dǎo)下演示如倒使用iQuery架以超越純JavaScrjpt的速度實(shí)現(xiàn)更多功能，以及如何使用最少代碼完成繁瑣任務(wù)。本書還介紹jQuery UI庫的用法，指導(dǎo)您使用jQuery UI庫創(chuàng)建賞心悅目的專業(yè)用戶界面。書中包含極富啟迪意義的指南和緊貼實(shí)際的練習(xí)，以引導(dǎo)讀者在實(shí)際中得心應(yīng)手地使用jQuery。

作者簡介

Richard York是Trilithic公司的一名web應(yīng)用程序開發(fā)人員，該公司專攻通信行業(yè)的測試設(shè)備。他在2004年編寫了第一本書《Beginning CSS：Cascading Style Sheets for WebDesign》(Wrox Press)。 
    Richard在印第安那大學(xué)與普渡大學(xué)印第安那波里斯聯(lián)合分校學(xué)習(xí)時(shí)就開始了他的

書籍目錄

第Ⅰ部分  jQuery AP0第1章  jQHery簡介  1.1  jQuery的功能  1.2  jQuery的創(chuàng)造者  1.3  獲取jQuery  1.4  安裝jQuery  1.5  程序設(shè)計(jì)規(guī)范    1.5.1  XHTML和css的規(guī)范    1.5.2  JavaScript規(guī)范  1.6  小結(jié)第2章  選擇和過濾  2.1  選擇器API的來源  2.2  使用選擇器API  2.3  過濾選擇集    2.3.1  使用find()方法搜索選擇集    2.3.2  使用siblings()方法查找元素的兄弟節(jié)點(diǎn)    2.3.3  選擇特定的兄弟節(jié)點(diǎn)    2.3.4  使用parents()方法和parentO方法選取祖先元素    2.3.5  選取子元素    2.3.6  反選元素    2.3.7  選擇結(jié)果集中的片段子集    2.3.8  向選擇集中添加更多的元素    2.3.9  從結(jié)果集中選擇特定元素  2.4  小結(jié)  2.5  練習(xí)第3章  事件  3.1  使用傳統(tǒng)的事件模型掛鉤事件  3.2  使用W3C事件模型掛鉤事件    3.2.1  this對(duì)象    3.2.2  event對(duì)象  3.3  Microson JSCnpt的事件模型  3.4  創(chuàng)建統(tǒng)一的事件API    3.4.1  使用jQuery的bind()方法綁定事件    3.4.2  使用jQuery的事件方法綁定事件    3.4.3  觸發(fā)事件  3.5  小結(jié)  3.6  練習(xí)第4章  操縱內(nèi)容和屬性  4.1  設(shè)置和訪問屬性  4.2  操縱類名  4.3  操縱HTML和文本內(nèi)容    4.3.1  獲取、設(shè)置或移除內(nèi)容    4.3.2  將內(nèi)容追加到當(dāng)前元素的子元素之前或之后    4.3.3  在元素之前或之后插入內(nèi)容    4.3.4  通過選擇器插入內(nèi)容    4.3.5  包裝內(nèi)容  4.4  替換元素  4.5  移除內(nèi)容  4.6  克隆內(nèi)容  4.7  小結(jié)  4.8  練習(xí)第5章  數(shù)組和迭代  5.1  基本迭代    5.1.1  直接調(diào)用each()方法    5.1.2  變量作用域    5.1.3  模擬break語句和continue語句    5.1.4  迭代選擇集中的元素  5.2  對(duì)選擇集和數(shù)組進(jìn)行過濾    5.2.1  過濾選擇集    5.2.2  使用回調(diào)函數(shù)來過濾選擇集    5.2.3  過濾數(shù)組  5.3  映射選擇集或數(shù)組    5.3.1  映射選擇集    5.3.2  映射數(shù)組  5.4  數(shù)組實(shí)用程序方法    5.4.1  生成數(shù)組    5.4.2  在數(shù)組中查找指定的值    5.4.3  歸并兩個(gè)數(shù)組    5.4.4  移除重復(fù)的數(shù)據(jù)項(xiàng)  5.5  小結(jié)  5.6  練習(xí)第6章  CSS  6.1  CSS()方法  6.2  outerWidth()和outerHeight()方法  6.3  小結(jié)  6.4  練習(xí)第7章  AJAX  7.1  向服務(wù)器發(fā)起請(qǐng)求    7.1.1  GET方法和POST方法的區(qū)別    7.1.2  AJAX請(qǐng)求中所傳遞數(shù)據(jù)的格式    7.1.3  使用jQuery發(fā)起GET請(qǐng)求  7.2  從服務(wù)器加載HTML片段  7.3  動(dòng)態(tài)加載JavaScript  7.4  AJAX事件  7.5  創(chuàng)建具有AJAX風(fēng)格的文件上傳功能  7.6  小結(jié)  7.7  練習(xí)第8章  特效  8.1  顯示和隱藏元素  8.2  滑入或滑出元素  8.3  淡入和淡出元素  8.4  自定義動(dòng)畫  8.5  小結(jié)  8.6  練習(xí)第9章  插件  9.1  編寫插件  9.2  開發(fā)jQuery插件的正確做法  9.3  小結(jié)  9.4  練習(xí)第Ⅱ部分  jQuery UI第10章  實(shí)現(xiàn)拖放  10.1  使元素成為可拖動(dòng)元素  10.2  使可拖動(dòng)元素具有Ghosting效果  10.3  在Safari瀏覽器的兩個(gè)窗口之間拖動(dòng)元素  10.4  為可拖動(dòng)元素指派投放區(qū)域    10.5  小結(jié)    10.6  練習(xí)第11章  拖放排序  11.1  使一個(gè)列表成為可排序列表  11.2  自定義可排序列表  11.3  保存可排序列表在排序后的狀態(tài)  11.4  小結(jié)  11.5  練習(xí)第12章  選取框  12.1  Selectables插件簡介  12.2  小結(jié)  12.3  練習(xí)第13章  Accordion UI  13.1  創(chuàng)建一個(gè)Accordion UI  13.2  設(shè)置Auto-Height  13.3  改變默認(rèn)的窗格  13.4  切換alwaysOpen選項(xiàng)  13.5  改變Accordion事件  13.6  填滿父元素的高度  13.7  設(shè)置Header元素  13.8  定義選中窗格的樣式  13.9  根據(jù)Location信息來選擇激活的內(nèi)容窗格  13.10  小結(jié)  13.11  練習(xí)第14章  日期選擇器  14.1  實(shí)現(xiàn)Datepicker插件    14.1.1  設(shè)置Datepicker的樣式    14.1.2  設(shè)置允許選擇的日期范圍    14.1.3  允許選擇一個(gè)日期范圍  14.2  本地化日期選擇器    14.2.1  設(shè)置日期格式    14.2.2  本地化日期選擇器中的文本標(biāo)簽    14.2.3  設(shè)置一個(gè)星期從哪一天開始  14.3  小結(jié)  14.4  練習(xí)第15章  對(duì)話框  15.1  實(shí)現(xiàn)對(duì)話框  15.2  分析對(duì)話框的標(biāo)記代碼  15.3  創(chuàng)建模態(tài)對(duì)話框  15.4  自動(dòng)打開對(duì)話框  15.5  控制對(duì)話框的動(dòng)態(tài)交互行為  15.6  對(duì)話框的動(dòng)畫效果  15.7  使用對(duì)話框的事件  15.8  小結(jié)  15.9  練習(xí)第16章  選項(xiàng)卡  16.1  實(shí)現(xiàn)Tabs  16.2  通過AJAX遠(yuǎn)程加載選項(xiàng)卡內(nèi)容  16.3  為選項(xiàng)卡添加漸變的動(dòng)畫效果  16.4  小結(jié)  16.5  下一步  16.6練習(xí)附錄A  參考答案附錄B  jQuery支持的選擇器附錄C  選擇和過濾附錄D  事件附錄E  操作屬性和數(shù)據(jù)存儲(chǔ)附錄F  操縱內(nèi)容附錄G  AJAX方法附錄H  CSS附錄0  實(shí)用函數(shù)附錄J  拖放附錄K  Sortables插件附錄L  Selectables插件附錄M  特效附錄N  Accordion附錄O  日期選擇器附錄P  對(duì)話框附錄Q  T8b附錄R  Re-Sizable(尺寸改變)附錄S  Slider(滑動(dòng)條)

章節(jié)摘錄

插圖：對(duì)于一個(gè)MIME類型被設(shè)置為application／xhtml+xml的XHTML，文檔來說，標(biāo)記中諸如不匹配的標(biāo)記、缺少標(biāo)記或者任何標(biāo)記類型的錯(cuò)誤，都將導(dǎo)致通常所謂的黃屏錯(cuò)誤（），ellow screen of death，YSOD）。黃屏錯(cuò)誤這個(gè)名稱來源于Mozilla（以及隨后的Firefox），它將XMI，錯(cuò)誤信息顯示在一個(gè)黃色背景的頁面上，并且XML的錯(cuò)誤信息會(huì)阻止文檔信息的顯示，用戶將無法看到Web頁面，這就是黃屏錯(cuò)誤中所謂的“death”。當(dāng)然，不是所有的瀏覽器都將XML／XHTML錯(cuò)誤信息顯示為黃色背景，但關(guān)鍵是對(duì)于正確設(shè)置了MIME類型的XHTML文檔來說，一個(gè)錯(cuò)誤就可以導(dǎo)致最終用戶無法看到Web頁面。提示：黃屏錯(cuò)誤也與其他的錯(cuò)誤信息相關(guān)。另外一個(gè)詞“藍(lán)屏錯(cuò)誤”，實(shí)際上是對(duì)Windows操作系統(tǒng)中系統(tǒng)徹底崩潰時(shí)錯(cuò)誤信息的叫法——即當(dāng)Windows操作系統(tǒng)崩潰時(shí)，將把錯(cuò)誤信息以白色字符形式顯示在藍(lán)色背景的屏幕上。要點(diǎn)：XHTML1.0文檔典型的問題在于沒有被設(shè)置為所期望的正確MIME類型。這樣X／ITML文檔通常被視為HTML文檔——只要是XHTML.1.0的文檔，從技術(shù)上來說這也是有效的。但是對(duì)于XHTML 1.1文檔，則必須將其MIME類型設(shè)置為application／xhtml+xml。如果讀者想使用XHTML，那么將XHTML文檔的MIME類型設(shè)置為application／xhtml+xml是最理想的。將XHTML文檔設(shè)置MIME類型是最佳、也是最具有兼容性的方法，因?yàn)轭愃艻E這樣不理解XHTML MIME類型的瀏覽器將會(huì)把該XHTML文檔解釋為普通的HTML文檔，而像Firefox、Safari之類的瀏覽器則可以正確地解釋XHTML文檔。如果文檔中有錯(cuò)誤，則這些瀏覽器將不會(huì)呈現(xiàn)文檔，而是顯示一條錯(cuò)誤信息，以表明文檔中某個(gè)地方出現(xiàn)了錯(cuò)誤。

編輯推薦

《jQuery JavaScript與CSS開發(fā)入門經(jīng)典》：jQuery堪稱動(dòng)態(tài)Web／應(yīng)用程序領(lǐng)域的編程利器，可幫助您利用更少代碼完成更多工作，同時(shí)減少錯(cuò)誤數(shù)量。jQuery將JavaScript編程量精簡為寥寥數(shù)行代碼，使JavaScript變得更直觀，更富魅力。jQuery還允許同時(shí)為一個(gè)或多個(gè)元素設(shè)置樣式，使得通過JavaScript操縱CSS變得分外輕松。在這本面向項(xiàng)目的精品書籍的指引下，即使是初出茅廬的JavaScript新手也能迅速開始利用JavaScript jQuery庫來減少需要編寫和測試的代碼量?！秊Query JavaScript與CSS開發(fā)入門經(jīng)典》包含極富幫助的指南和緊貼實(shí)際的練習(xí)，使讀者能在實(shí)際中輕松駕馭jQuery，并收到事半功倍的神奇效果。主要內(nèi)容·如何安裝和測試iQuery·操縱內(nèi)容和屬性的技術(shù)·篩選和映射選擇集或數(shù)組的方法·GET和POST的區(qū)別·使用平滑動(dòng)畫和過渡效果輕松地顯示、隱藏、滑動(dòng)或淡化元素·開發(fā)jQuery插件的最佳實(shí)踐·如何創(chuàng)建可以拖動(dòng)的元素·如何定制可排序列表·如何實(shí)現(xiàn)和本地化日期選擇器讀者對(duì)象面向希望提高代碼效率的Web設(shè)計(jì)人員?！秊Query JavaScript與CSS開發(fā)入門經(jīng)典》讀者不必?fù)碛胸S富的JavaScript編程經(jīng)驗(yàn)，但需要了解一些XHTML，和CSS基礎(chǔ)知識(shí)。

圖書封面

圖書標(biāo)簽Tags

無

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

---

    jQuery JavaScript與CSS開發(fā)入門經(jīng)典 PDF格式下載

---