jQuery JavaScript與CSS開發入門經典

前言

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

內容概要

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

作者簡介

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

書籍目錄

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

章節摘錄

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

編輯推薦

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

圖書封面

圖書標簽Tags

無

評論、評分、閱讀與下載

---

    jQuery JavaScript與CSS開發入門經典 PDF格式下載

---