初步了解JavaScript，Ajax，jQuery，并比較三者關(guān)系

jquery是對(duì)javascript很好的封裝，而且很輕量級(jí)，可以近似的將其稱其為框架，下面就來對(duì)比javascript與jquery對(duì)ajax的實(shí)現(xiàn)，以突出jquery對(duì)其封裝后，在實(shí)現(xiàn)方便的簡易性，而且不僅如此，用jquery代替javascript來實(shí)現(xiàn)一些功能對(duì)于瀏覽器的兼容性也會(huì)帶來意想不到的好處。

一、基本認(rèn)識(shí)

1、JavaScript

定義： 

        javaScript的簡寫形式就是JS，是由Netscape公司開發(fā)的一種腳本語言，一種廣泛用于客戶端Web開發(fā)的腳本語言，常用來給HTML網(wǎng)頁添加動(dòng)態(tài)功能（其編寫的程序可以被嵌入到HTML或XML頁面中，并直接在瀏覽器中解釋執(zhí)行）。 

組成部分： 

             核心（ECMAScript）、文檔對(duì)象模型（Document Object Model，簡稱DOM）、瀏覽器對(duì)象模型（Browser Object Model，簡稱BOM）

描述：

            Javascript就是適應(yīng)動(dòng)態(tài)網(wǎng)頁制作的需要而誕生的一種新的編程語言，如今越來越廣泛地使用于Internet網(wǎng)頁制作上。

            Javascript是由 Netscape公司開發(fā)的一種腳本語言（scripting language），或者稱為描述語言。在HTML基礎(chǔ)上，使用Javascript可以開發(fā)交互式Web網(wǎng)頁。

            Javascript的出現(xiàn)使得網(wǎng)頁和用戶之間實(shí)現(xiàn)了一種實(shí)時(shí)性的、動(dòng)態(tài)的、交互性的關(guān)系，使網(wǎng)頁包含更多活躍的元素和更加精彩的內(nèi)容。

            Javascript短小精悍，又是在客戶機(jī)上執(zhí)行的，大大提高了網(wǎng)頁的瀏覽速度和交互能力。同時(shí)它又是專門為制作Web網(wǎng)頁而量身定做的一種簡單的編程語言。

            主流的javaScript框架有：YUI ,Dojo，Prototype，jQuery...

2、Ajax

定義：

         AJAX即“Asynchronous JavaScript and XML”（異步JavaScript和XML)，AJAX并非縮寫詞，而是由Jesse James Gaiiett創(chuàng)造的名詞，是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。 

        AJAX不是一個(gè)技術(shù)，它實(shí)際上是幾種技術(shù)，每種技術(shù)都有其獨(dú)特之處，合在一起就成了一個(gè)功能強(qiáng)大的新技術(shù)。

組成：

            基于XHTML和CSS標(biāo)準(zhǔn)的表示；

           使用Document Object Model進(jìn)行動(dòng)態(tài)顯示和交互；

           使用XML和XSLT做數(shù)據(jù)交互和操作； 

          使用XML HttpRequest與服務(wù)器進(jìn)行異步通信；

           使用JavaScript綁定一切。

描述：

            Ajax是結(jié)合了Java技術(shù)、XML以及JavaScript等編程技術(shù)，可以讓開發(fā)人員構(gòu)建基于Java技術(shù)的Web應(yīng)用，并打破了使用頁面重載的管理。

           Ajax技術(shù)使用非同步的HTTP請求，在Browser和Web Server之間傳遞數(shù)據(jù)，使Browser只更新部分網(wǎng)頁內(nèi)容而不重新載入整個(gè)網(wǎng)頁。

          Ajax是使用客戶端腳本與Web服務(wù)器交換數(shù)據(jù)的Web應(yīng)用開發(fā)方法。這樣，Web頁面不用打斷交互流程進(jìn)行重新加裁，就可以動(dòng)態(tài)地更新。使用Ajax，用戶可以創(chuàng)建接近本地桌面應(yīng)用的直接、高可用、更豐富、更動(dòng)態(tài)的Web用戶界面。

3、jQuery

定義：

        jQuery是一個(gè)快速的，簡潔的javaScript庫，使用戶能更方便地處理HTML documents、events、實(shí)現(xiàn)動(dòng)畫效果，并且方便地為網(wǎng)站提供AJAX交互。

特點(diǎn)：

            輕量級(jí)、鏈?zhǔn)秸Z法、CSS1-3選擇器、跨瀏覽器、簡單、易擴(kuò)展；

           jQuery是一種獨(dú)立于服務(wù)器端代碼的框架，獨(dú)立于ASP.NET或者JAVA；

           jQuery是當(dāng)前很流行的一個(gè)JavaScript框架，使用類似于CSS的選擇器，可以方便的操作HTML元素，擁有很好的可擴(kuò)展性，擁有不少插件。

描述：

            對(duì)于程序員來說，簡化javascript和ajax編程，能夠使程序員從設(shè)計(jì)和書寫繁雜的JS應(yīng)用中解脫出來，將關(guān)注點(diǎn)轉(zhuǎn)向功能需求而非實(shí)現(xiàn)細(xì)節(jié)上，從而提高項(xiàng)目的開發(fā)速度。 

           對(duì)于用戶來說，改善了頁面的視覺效果，增強(qiáng)了與頁面的交互性，體驗(yàn)更絢麗的網(wǎng)頁物資。

          javaScript框架實(shí)際上是一系列工具和函數(shù)。

二、三者的關(guān)系

        下面我用一張導(dǎo)圖來闡述這三者的關(guān)系： 

解釋：

         javaScript是用于Web客戶端開發(fā)的腳本語言，Ajax是基于JS語言，主要組合JS、CSS、XML三種技術(shù)的新技術(shù)，是用于創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。jQuery是JS的框架，基于JS語言，集合Ajax技術(shù)開發(fā)出來的JS庫，封裝JS和Ajax的功能，提供函數(shù)接口，大大簡化了Ajax，JS的操作。

以上內(nèi)容是小編給大家分享的初步了解JavaScript，Ajax，jQuery，并比較三者關(guān)系，希望大家喜歡。