內容面板收納
步瞭解JavaScript，Ajax，jQuery，並比較三者關係
Advertisement
jquery是對javascript很好的封裝，而且很輕量級，可以近似的將其稱其為框架，下面就來對比javascript與jquery對ajax的實現，以突出jquery對其封裝後，在實現方便的簡易性，而且不僅如此，用jquery代替javascript來實現一些功能對於瀏覽器的相容性也會帶來意想不到的好處。
一、基本認識
1、JavaScript
定義：
javaScript的簡寫形式就是JS，是由Netscape公司開發的一種指令碼語言，一種廣泛用於客戶端Web開發的指令碼語言，常用來給HTML網頁新增動態功能（其編寫的程式可以被嵌入到HTML或XML頁面中，並直接在瀏覽器中解釋執行）。
組成部分：
核心（ECMAScript）、文件物件模型（Document Object Model，簡稱DOM）、瀏覽器物件模型（Browser Object Model，簡稱BOM）
描述：
Javascript就是適應動態網頁製作的需要而誕生的一種新的程式語言，如今越來越廣泛地使用於Internet網頁製作上。
Javascript是由 Netscape公司開發的一種指令碼語言（scripting language），或者稱為描述語言。在HTML基礎上，使用Javascript可以開發互動式Web網頁。
Javascript的出現使得網頁和使用者之間實現了一種實時性的、動態的、互動性的關係，使網頁包含更多活躍的元素和更加精彩的內容。
Javascript短小精悍，又是在客戶機上執行的，大大提高了網頁的瀏覽速度和互動能力。同時它又是專門為製作Web網頁而量身定做的一種簡單的程式語言。
主流的javaScript框架有：YUI ,Dojo，Prototype，jQuery…
2、Ajax
定義：
AJAX即“Asynchronous JavaScript and XML”（非同步JavaScript和XML)，AJAX並非縮寫詞，而是由Jesse James Gaiiett創造的名詞，是指一種建立互動式網頁應用的網頁開發技術。
AJAX不是一個技術，它實際上是幾種技術，每種技術都有其獨特之處，合在一起就成了一個功能強大的新技術。
組成：
基於XHTML和CSS標準的表示；
使用Document Object Model進行動態顯示和互動；
使用XML和XSLT做資料互動和操作；
使用XML HttpRequest與伺服器進行非同步通訊；
使用JavaScript繫結一切。
描述：
Ajax是結合了Java技術、XML以及JavaScript等程式設計技術，可以讓開發人員構建基於Java技術的Web應用，並打破了使用頁面過載的管理。
Ajax技術使用非同步的HTTP請求，在Browser和Web Server之間傳遞資料，使Browser只更新部分網頁內容而不重新載入整個網頁。
Ajax是使用客戶端指令碼與Web伺服器交換資料的Web應用開發方法。這樣，Web頁面不用打斷互動流程進行重新加裁，就可以動態地更新。使用Ajax，使用者可以建立接近本地桌面應用的直接、高可用、更豐富、更動態的Web使用者介面。
3、jQuery
定義：
jQuery是一個快速的，簡潔的javaScript庫，使使用者能更方便地處理HTML documents、events、實現動畫效果，並且方便地為網站提供AJAX互動。
特點：
輕量級、鏈式語法、CSS1-3選擇器、跨瀏覽器、簡單、易擴充套件；
jQuery是一種獨立於伺服器端程式碼的框架，獨立於ASP.NET或者JAVA；
jQuery是當前很流行的一個JavaScript框架，使用類似於CSS的選擇器，可以方便的操作HTML元素，擁有很好的可擴充套件性，擁有不少外掛。
描述：
對於程式設計師來說，簡化javascript和ajax程式設計，能夠使程式設計師從設計和書寫繁雜的JS應用中解脫出來，將關注點轉向功能需求而非實現細節上，從而提高專案的開發速度。
對於使用者來說，改善了頁面的視覺效果，增強了與頁面的互動性，體驗更絢麗的網頁物資。
javaScript框架實際上是一系列工具和函式。
二、三者的關係
下面我用一張導圖來闡述這三者的關係：
解釋：
javaScript是用於Web客戶端開發的指令碼語言，Ajax是基於JS語言，主要組合JS、CSS、XML三種技術的新技術，是用於建立互動式網頁應用的網頁開發技術。jQuery是JS的框架，基於JS語言，集合Ajax技術開發出來的JS庫，封裝JS和Ajax的功能，提供函式介面，大大簡化了Ajax，JS的操作。
以上內容是小編給大家分享的初步瞭解JavaScript，Ajax，jQuery，並比較三者關係，希望大家喜歡。
Advertisement
jquery是對javascript很好的封裝，而且很輕量級，可以近似的將其稱其為框架，下面就來對比javascript與jquery對ajax的實現，以突出jquery對其封裝後，在實現方便的簡易性，而且不僅如此，用jquery代替javascript來實現一些功能對於瀏覽器的相容性也會帶來意想不到的好處。
一、基本認識
1、JavaScript
定義：
javaScript的簡寫形式就是JS，是由Netscape公司開發的一種指令碼語言，一種廣泛用於客戶端Web開發的指令碼語言，常用來給HTML網頁新增動態功能（其編寫的程式可以被嵌入到HTML或XML頁面中，並直接在瀏覽器中解釋執行）。
組成部分：
核心（ECMAScript）、文件物件模型（Document Object Model，簡稱DOM）、瀏覽器物件模型（Browser Object Model，簡稱BOM）
描述：
Javascript就是適應動態網頁製作的需要而誕生的一種新的程式語言，如今越來越廣泛地使用於Internet網頁製作上。
Javascript是由 Netscape公司開發的一種指令碼語言（scripting language），或者稱為描述語言。在HTML基礎上，使用Javascript可以開發互動式Web網頁。
Javascript的出現使得網頁和使用者之間實現了一種實時性的、動態的、互動性的關係，使網頁包含更多活躍的元素和更加精彩的內容。
Javascript短小精悍，又是在客戶機上執行的，大大提高了網頁的瀏覽速度和互動能力。同時它又是專門為製作Web網頁而量身定做的一種簡單的程式語言。
主流的javaScript框架有：YUI ,Dojo，Prototype，jQuery…
2、Ajax
定義：
AJAX即“Asynchronous JavaScript and XML”（非同步JavaScript和XML)，AJAX並非縮寫詞，而是由Jesse James Gaiiett創造的名詞，是指一種建立互動式網頁應用的網頁開發技術。
AJAX不是一個技術，它實際上是幾種技術，每種技術都有其獨特之處，合在一起就成了一個功能強大的新技術。
組成：
基於XHTML和CSS標準的表示；
使用Document Object Model進行動態顯示和互動；
使用XML和XSLT做資料互動和操作；
使用XML HttpRequest與伺服器進行非同步通訊；
使用JavaScript繫結一切。
描述：
Ajax是結合了Java技術、XML以及JavaScript等程式設計技術，可以讓開發人員構建基於Java技術的Web應用，並打破了使用頁面過載的管理。
Ajax技術使用非同步的HTTP請求，在Browser和Web Server之間傳遞資料，使Browser只更新部分網頁內容而不重新載入整個網頁。
Ajax是使用客戶端指令碼與Web伺服器交換資料的Web應用開發方法。這樣，Web頁面不用打斷互動流程進行重新加裁，就可以動態地更新。使用Ajax，使用者可以建立接近本地桌面應用的直接、高可用、更豐富、更動態的Web使用者介面。
3、jQuery
定義：
jQuery是一個快速的，簡潔的javaScript庫，使使用者能更方便地處理HTML documents、events、實現動畫效果，並且方便地為網站提供AJAX互動。
特點：
輕量級、鏈式語法、CSS1-3選擇器、跨瀏覽器、簡單、易擴充套件；
jQuery是一種獨立於伺服器端程式碼的框架，獨立於ASP.NET或者JAVA；
jQuery是當前很流行的一個JavaScript框架，使用類似於CSS的選擇器，可以方便的操作HTML元素，擁有很好的可擴充套件性，擁有不少外掛。
描述：
對於程式設計師來說，簡化javascript和ajax程式設計，能夠使程式設計師從設計和書寫繁雜的JS應用中解脫出來，將關注點轉向功能需求而非實現細節上，從而提高專案的開發速度。
對於使用者來說，改善了頁面的視覺效果，增強了與頁面的互動性，體驗更絢麗的網頁物資。
javaScript框架實際上是一系列工具和函式。
二、三者的關係
下面我用一張導圖來闡述這三者的關係：
解釋：
javaScript是用於Web客戶端開發的指令碼語言，Ajax是基於JS語言，主要組合JS、CSS、XML三種技術的新技術，是用於建立互動式網頁應用的網頁開發技術。jQuery是JS的框架，基於JS語言，集合Ajax技術開發出來的JS庫，封裝JS和Ajax的功能，提供函式介面，大大簡化了Ajax，JS的操作。
以上內容是小編給大家分享的初步瞭解JavaScript，Ajax，jQuery，並比較三者關係，希望大家喜歡。
