第1部分 jQuery技術經典

第1章 jQuery起源

1.1 JavaScript與jQuery

JavaScript是腳本語言的一種，嚴格地說是客戶端腳本語言的一種。它興起于20世紀90年代后期，與其具有相同地位的還有VBScript等客戶端腳本語言。

JavaScript剛誕生時，由于在Web瀏覽器間的互換性較差，在不同的瀏覽器上經常有腳本不能正確運行的情況發生，所以只是限于個人使用，在業界基本沒有流行起來。

1997年左右，經過制定通信相關標準的團體（ECMA）對JavaScript技術標準化后，各個Web瀏覽器的廠家在新的JavaScript標準的基礎上消除了不同Web瀏覽器間的差異，從而獲得了用戶的廣泛支持，JavaScript也成為Web應用的基本技術之一。

2005年，Google公司采用稱為“Ajax”。實質是利用JavaScript的非同期通信的技術成功地開發了Google地圖應用系統，JavaScript在開發高級Web應用程序中再一次在業界受到廣泛關注。

隨著JavaScript開發人員的增加，出現了多種輔助開發工作的JavaScript程序庫。如Prototype、dojo，以及有自己顯著特征的JavaScript庫，其中輕量的jQuery庫最受歡迎。

1.2 jQuery起源及特征

jQuery由美國人John Resig于2006年創建，至今已吸引了來自世界各地的眾多JavaScript高手加入其開發隊伍。作為繼Prototype之后又一個優秀的JavaScript框架，其宗旨是Write Less,do More（寫更少的代碼，做更多的事情）。

jQuery是輕量級JS庫，是其他JS庫所不及的，它兼容CSS3和各種瀏覽器。作為一個快速且簡潔的javaScript庫，jQuery使用戶能更方便地處理HTML文檔（documents）和事件（events），實現動畫效果，并且方便地為網站提供Ajax交互。

jQuery還有一個比較大的優勢是文檔完整，各種應用描述得很詳細，并且還有許多成熟的插件可供選擇。

jQuery能夠使用戶的HTML頁保持代碼和HTML內容分離，即不必在HTML中插入多個JS來調用命令，只需定義ID即可。

1.3 JavaScript庫

大多數Web瀏覽器中都搭載了基于JavaScript標準樣式的JavaScript解析引擎，在推廣JavaScript應用的同時，還存在如下問題。

（1）Web瀏覽器的差異

JavaScript在幾乎所有的Web瀏覽器上都能運行，但是不同的瀏覽器還多少存在“方言”現象，導致程序不能正常運行。

（2）JavaScript與HTML分離的需求

JavaScript開始包含在HTML的標簽內，Web設計人員與JavaScript開發人員因此不能分開作業，導致開發效率低下。

這時出現的JavaScript庫是多個將功能模塊化的外部文件的集合，將經常使用的功能歸納到外部文件中后能夠簡單地重復使用，從而大大提高開發效率。只要包含這些庫，即可實現圖片的漸入/漸出和按鈕的mouseover等動作。

jQuery是一種很受網頁設計人員歡迎的免費JavaScript庫，嚴格來說，可以將其歸于框架一類。

jQuery的官方網站為http://jquery.com，如圖1-1所示。

jQuery現在是最受歡迎的JavaScript庫之一，它提供了DOM操作，以及Ajax和多種動畫功能，是一種輕量級且運行速度快的JavaScript庫。

1.4 jQuery應用示例

jQuery庫集中了制作動態Web網頁所用的各種必要功能，特別基礎的DOM操作比任何JavaScript庫都更容易，DOM指定方法幾乎與CSS完全相同；另外利用Ajax功能處理動畫時，只需要寥寥數行即可完成，簡直可以稱為“魔法”。

電子商務網站使用jQuery可以實現不用換頁的商品連續顯示（使用鼠標滾輪）、商品的擴大顯示等具有顯著的Web 3.0特征。而且可以構建稱為“WordPress”的博客系統，以及更高級CMS網站。

應用jQuery庫的網站如http://jquerystyle.com/，如圖1-2所示。

知識專欄（Column）

庫（Library）

框架（Framework）

工具箱（Toolkit）