區(qū)別：1、JQuery是一個JS庫，AngularJS是一個JS框架；2、Jquery與模型無關(guān)，Angular基于MVC模型；3、Jquery沒有雙向綁定功能，Angular有；4、jQuery適合回合式，Angular適合單頁應(yīng)用等。

本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.0&&Angular6版本、Dell G3電腦。

AngularJS與JQuery之間的區(qū)別：

1、JQuery是一個JavaScript庫，用于DOM操作；AngularJS是一個JavaScript框架。

2、Jquery與模型無關(guān)； Angular是基于MVC，用于創(chuàng)建SPA（單頁面應(yīng)用程序）。

3、Jquery沒有雙向綁定功能；而Angular具有路由，指令，雙向數(shù)據(jù)綁定，模型，依賴注入，單元測試等關(guān)鍵功能。

4、開發(fā)模式存在差異

AngularJS與jQuery在web應(yīng)用開發(fā)模式上有著完全不同的思路：

• jQuery： 通過顯示操作瀏覽器中的DOM來創(chuàng)建應(yīng)用程序（適合回合式應(yīng)用），對于大型及復(fù)雜項 目，不利于全面的單元測試；

• AngularJS：將瀏覽器吸收為應(yīng)用程序的基礎(chǔ)（適合單頁應(yīng)用），擅長大型及復(fù)雜項目，便于全面的單元測試。

那什么是回合式應(yīng)用和單頁應(yīng)用呢？

回合式應(yīng)用（Round-Trip Application）

在Web應(yīng)用發(fā)展剛起步時，很多開發(fā)者都用的是回合式應(yīng)用。

相較于單頁應(yīng)用，它就相當(dāng)于多頁應(yīng)用吧。

• 優(yōu)點：它對瀏覽器的要求少，能保證最大限度地對客戶端的支持；

• 缺點：用戶在下一個HTML文檔唄請求并加載之前必須等待，這個期間，它需要大型服務(wù)器端，也就是后端服務(wù)器來處理所有請求并管理所有的應(yīng)用程序狀態(tài)，占用了許多帶寬（這時因為每個HTML文檔必須是自包含的，也就是每次更新頁面，都要把HTML文檔中更新的和未更新的內(nèi)容完整的發(fā)送給服務(wù)器端，這就導(dǎo)致從服務(wù)器產(chǎn)生的每個響應(yīng)中包含許多相同的內(nèi)容）。

單頁應(yīng)用 （Single-Page Application）

相較于回合式應(yīng)用，單頁應(yīng)用就是另辟蹊徑了。整個應(yīng)用程序只有一個初始的HTML文檔被發(fā)送給瀏覽器，用戶交互所產(chǎn)生的Ajax（異步）請求只會請求較小的HTML片段，或者要插入到已有的顯示給用戶元素中的數(shù)據(jù)。

初始的HTML文檔不會被再次加載或者替換，在Ajax請求被異步執(zhí)行時，用戶還可以繼續(xù)與已有的HTML進行交互。

• 優(yōu)點： 減少向后端請求的數(shù)據(jù)量，減少了帶寬，提升了web應(yīng)用的性能。

• 缺點：對瀏覽器的性能變高，不是所有瀏覽器都有兼容某些特性。