第1部分 jQuery技術(shù)經(jīng)典

第1章 jQuery起源

1.1 JavaScript與jQuery

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

JavaScript剛誕生時(shí)，由于在Web瀏覽器間的互換性較差，在不同的瀏覽器上經(jīng)常有腳本不能正確運(yùn)行的情況發(fā)生，所以只是限于個(gè)人使用，在業(yè)界基本沒有流行起來。

1997年左右，經(jīng)過制定通信相關(guān)標(biāo)準(zhǔn)的團(tuán)體（ECMA）對(duì)JavaScript技術(shù)標(biāo)準(zhǔn)化后，各個(gè)Web瀏覽器的廠家在新的JavaScript標(biāo)準(zhǔn)的基礎(chǔ)上消除了不同Web瀏覽器間的差異，從而獲得了用戶的廣泛支持，JavaScript也成為Web應(yīng)用的基本技術(shù)之一。

2005年，Google公司采用稱為“Ajax”。實(shí)質(zhì)是利用JavaScript的非同期通信的技術(shù)成功地開發(fā)了Google地圖應(yīng)用系統(tǒng)，JavaScript在開發(fā)高級(jí)Web應(yīng)用程序中再一次在業(yè)界受到廣泛關(guān)注。

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

1.2 jQuery起源及特征

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

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

jQuery還有一個(gè)比較大的優(yōu)勢(shì)是文檔完整，各種應(yīng)用描述得很詳細(xì)，并且還有許多成熟的插件可供選擇。

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

1.3 JavaScript庫

大多數(shù)Web瀏覽器中都搭載了基于JavaScript標(biāo)準(zhǔn)樣式的JavaScript解析引擎，在推廣JavaScript應(yīng)用的同時(shí)，還存在如下問題。

（1）Web瀏覽器的差異

JavaScript在幾乎所有的Web瀏覽器上都能運(yùn)行，但是不同的瀏覽器還多少存在“方言”現(xiàn)象，導(dǎo)致程序不能正常運(yùn)行。

（2）JavaScript與HTML分離的需求

JavaScript開始包含在HTML的標(biāo)簽內(nèi)，Web設(shè)計(jì)人員與JavaScript開發(fā)人員因此不能分開作業(yè)，導(dǎo)致開發(fā)效率低下。

這時(shí)出現(xiàn)的JavaScript庫是多個(gè)將功能模塊化的外部文件的集合，將經(jīng)常使用的功能歸納到外部文件中后能夠簡(jiǎn)單地重復(fù)使用，從而大大提高開發(fā)效率。只要包含這些庫，即可實(shí)現(xiàn)圖片的漸入/漸出和按鈕的mouseover等動(dòng)作。

jQuery是一種很受網(wǎng)頁設(shè)計(jì)人員歡迎的免費(fèi)JavaScript庫，嚴(yán)格來說，可以將其歸于框架一類。

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

jQuery現(xiàn)在是最受歡迎的JavaScript庫之一，它提供了DOM操作，以及Ajax和多種動(dòng)畫功能，是一種輕量級(jí)且運(yùn)行速度快的JavaScript庫。

1.4 jQuery應(yīng)用示例

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

電子商務(wù)網(wǎng)站使用jQuery可以實(shí)現(xiàn)不用換頁的商品連續(xù)顯示（使用鼠標(biāo)滾輪）、商品的擴(kuò)大顯示等具有顯著的Web 3.0特征。而且可以構(gòu)建稱為“WordPress”的博客系統(tǒng)，以及更高級(jí)CMS網(wǎng)站。

應(yīng)用jQuery庫的網(wǎng)站如http://jquerystyle.com/，如圖1-2所示。

知識(shí)專欄（Column）

庫（Library）

框架（Framework）

工具箱（Toolkit）