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

一、基本認識

1、JavaScript

定義：

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

組成部分：

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

描述：

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

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

Javascript的出現使得網頁和用戶之間實現了一種實時性的、動態(tài)的、交互性的關系，使網頁包含更多活躍的元素和更加精彩的內容。

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

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

2、Ajax

定義：

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

AJAX不是一個技術，它實際上是幾種技術，每種技術都有其獨特之處，合在一起就成了一個功能強大的新技術。

組成：

基于XHTML和CSS標準的表示；

使用Document Object Model進行動態(tài)顯示和交互；

使用XML和XSLT做數據交互和操作；

使用XML HttpRequest與服務器進行異步通信；

使用JavaScript綁定一切。

描述：

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

Ajax技術使用非同步的HTTP請求，在Browser和Web Server之間傳遞數據，使Browser只更新部分網頁內容而不重新載入整個網頁。

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

3、jQuery

定義：

jQuery是一個快速的，簡潔的javaScript庫，使用戶能更方便地處理HTML documents、events、實現動畫效果，并且方便地為網站提供AJAX交互。

特點：

輕量級、鏈式語法、CSS1-3選擇器、跨瀏覽器、簡單、易擴展；

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

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

描述：

對于程序員來說，簡化javascript和ajax編程，能夠使程序員從設計和書寫繁雜的JS應用中解脫出來，將關注點轉向功能需求而非實現細節(jié)上，從而提高項目的開發(fā)速度。

對于用戶來說，改善了頁面的視覺效果，增強了與頁面的交互性，體驗更絢麗的網頁物資。

javaScript框架實際上是一系列工具和函數。

二、三者的關系

下面我用一張導圖來闡述這三者的關系：

解釋：

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

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

您可能感興趣的文章: