在這一次的Web開發(fā)教程中，我會(huì)盡力解答有關(guān)于jQuery和AngularJS的兩個(gè)非常常見的問題，即jQuery和AngularJS之間的區(qū)別是什么？也就是說jQuery VS AngularJS？

今天我不會(huì)僅僅只是解釋兩者的差異和列舉兩種技術(shù)的功能特點(diǎn)，我還會(huì)盡量解答一些相關(guān)的問題和概念。例如：

• 什么時(shí)候使用jQuery/AngularJS？

• 怎樣避免在jQuery樣式中使用AngularJS 的常見錯(cuò)誤？

• 從開發(fā)人員的角度作代碼比較

• 我們能否和AngularJS一起，或在AngularJS的內(nèi)部使用jQuery？

[[161742]]

jQuery

jQuery是一個(gè)輕量級(jí)的，功能豐富的JavaScript庫，它可以幫助web開發(fā)人員通過使用JavaScript來簡(jiǎn)化客戶端腳本對(duì)web應(yīng)用程序的使用。它可以廣泛地簡(jiǎn)化在網(wǎng)站上使用JavaScript，既輕巧又快速。

因此，使用jQuery，我們可以：

• 方便操縱網(wǎng)頁內(nèi)容

• 應(yīng)用樣式使UI更具吸引力

• 簡(jiǎn)單的DOM遍歷

• 效果和動(dòng)畫

• 讓執(zhí)行AJAX調(diào)用和運(yùn)行公用程式變得更簡(jiǎn)單

• 等等

正如前面提到的，jQuery是一個(gè)JavaScript庫，所以我們可以在應(yīng)用程序中部分/全部地使用這個(gè)庫來實(shí)現(xiàn)它提供的單個(gè)或多個(gè)功能（如上 所列）。例如，我們可以在應(yīng)用程序中只使用jQuery庫生成一定的效果和動(dòng)畫，可以只執(zhí)行基于AJAX的調(diào)用，也可以使用以上列出的所有功能。就像一個(gè) 插件一樣。

AngularJS

AngularJS是出自于搜索引擎巨頭谷歌的一個(gè)產(chǎn)品，并且是一個(gè)基于MVC的開源框架（被認(rèn)為是***的和唯一的下一代架構(gòu)）。AngularJS是構(gòu)建高度豐富的客戶端web應(yīng)用程序的強(qiáng)大工具。

作為一個(gè)框架，它決定了我們必須遵循一些規(guī)則和結(jié)構(gòu)化的方法。這不只是一個(gè)JavaScript庫，也是一個(gè)***設(shè)計(jì)的框架（框架工具以一種真正互聯(lián)的方式一起工作）。

在功能方面，jQuery VS AngularJS的話，AngularJS能提供更多的功能：

• 雙向數(shù)據(jù)綁定

• REST友好

• 基于MVC的模式

• 深層鏈接

• 模板

• 表單驗(yàn)證

• 依賴注入

• 本地化

• 完整的測(cè)試環(huán)境

• 服務(wù)器通信

注：想要獲得有關(guān)MVC的更多詳細(xì)信息，請(qǐng)點(diǎn)擊這里。

什么時(shí)候使用jQuery或AngularJS？

在大多數(shù)情況下，我們無法在應(yīng)用程序開發(fā)中理解這些技術(shù)的真正價(jià)值。AngularJS最適合于開發(fā)web應(yīng)用程序，因?yàn)樗ぷ髟贖TML代碼和JSON數(shù)據(jù)上，有助于開發(fā)互動(dòng)性和強(qiáng)大的應(yīng)用程序，但如果是一個(gè)簡(jiǎn)單的網(wǎng)站，那么就會(huì)導(dǎo)致一個(gè)加載速度慢和相當(dāng)不穩(wěn)定的網(wǎng)站。

雖然jQuery是一個(gè)快速，功能豐富的語言，有一個(gè)可圈可點(diǎn)的JavaScript庫，和一個(gè)很棒的能夠創(chuàng)建功能豐富的網(wǎng)站的工具。它還有內(nèi)置的 功能，如HTML文檔遍歷，事件處理，操作，動(dòng)畫和Ajax支持，以及其他能讓開發(fā)核心網(wǎng)站變得更容易和更簡(jiǎn)單的功能。因此在使用這些高度直觀又強(qiáng)大的語 言之前，有必要構(gòu)建一個(gè)開發(fā)高級(jí)web應(yīng)用程序或網(wǎng)站開發(fā)的完善的方法。

不要在jQuery樣式中使用AngularJS

jQuery有大量的插件存在，因此更方便開發(fā)人員在網(wǎng)站上插入這些插件，讓它們乖乖辦事。另一方面，AngularJS因?yàn)槠渫耆煌慕Y(jié)構(gòu)，使 得它很難找到也很難創(chuàng)建一個(gè)簡(jiǎn)單地放置在網(wǎng)站上就能運(yùn)作良好的插件。不過，AngularJS有jqLite，jqLit具備了jQuery的功能，可以 用于開發(fā)不同的插件，以滿足每個(gè)網(wǎng)站的需要，避開開發(fā)或修補(bǔ)舊插件的代碼然后嵌入到網(wǎng)站上。

代碼比較

從開發(fā)人員的角度代碼的比較結(jié)果如下：

我們能否和AngularJS一起，或在AngularJS的內(nèi)部使用jQuery？

在某些情況下，我們可能需要AngularJS應(yīng)用程序使用jQuery庫?，F(xiàn)在，AngularJS可以在應(yīng)用程序中使用jQuery，當(dāng)應(yīng)用程序自展的時(shí)候。否則，Angular將使用自帶的jQuery的子集工具，也就是我們?cè)谏厦嫣岬降膉qLite。

***的思考

在比較AngularJS VS jQuery的同時(shí)，我們應(yīng)該要理解的是，兩者既不能完全取代對(duì)方，也不是相互競(jìng)爭(zhēng)的關(guān)系。jQuery最適合DOM操作，而AngularJS適合于 web應(yīng)用程序的開發(fā)。所以，如果你想開發(fā)強(qiáng)大的應(yīng)用程序，那么選擇AngularJS，如果想增加更多的功能，并在網(wǎng)站上執(zhí)行DOM操作的話，那么使用 jQuery。

譯文鏈接：http://www.codeceo.com/article/jquery-vs-angularjs.html
英文原文：7 JQuery Best Practices