jQuery

jQuery使getElementByHerpDerp等长得离谱的JavaScript命令变得更短，并且跨浏览器。

角度JS

AngularJS允许您制作自己的HTML标记/属性，这些标记/属性可以很好地处理动态web应用程序（因为HTML是为静态页面设计的）。

编辑：

说“我有jQuery背景，我在AngularJS中如何思考？”就像说“我拥有HTML背景，我如何在JavaScript中思考？”你问这个问题的事实表明你很可能不理解这两个资源的基本目的。这就是为什么我选择通过简单地指出根本区别来回答这个问题，而不是通过列表来回答“AngularJS使用指令，而jQuery使用CSS选择器来创建一个jQuery对象，该对象执行这和那等操作……”。这个问题不需要冗长的回答。

jQuery是一种使浏览器中的JavaScript编程更容易的方法。更短的跨浏览器命令等。

AngularJS扩展了HTML，因此您不必为了创建应用程序而到处放置＜div＞。它使HTML实际上适用于应用程序，而不是它的设计目的，即静态的教育网页。它使用JavaScript以迂回的方式实现了这一点，但基本上它是HTML的扩展，而不是JavaScript。

我觉得这个问题很有趣，因为我第一次认真接触JavaScript编程是Node.js和AngularJS。我从未学习过jQuery，我想这是一件好事，因为我不必忘记任何东西。事实上，我积极避免使用jQuery解决我的问题，而是只寻找一种“AngularJS方法”来解决它们。因此，我想我对这个问题的回答基本上可以归结为，“像从未学习过jQuery的人一样思考”，并避免任何直接合并jQuery的诱惑（显然AngularJS在某种程度上在幕后使用了它）。

实际上，如果您使用的是AngularJS，那么就不再需要jQuery了。AngularJS本身具有绑定和指令，这是一个非常好的“替代品”，可以替代jQuery中的大多数功能。

我通常使用AngularJS和Cordova开发移动应用程序。jQuery中我唯一需要的就是选择器。

通过谷歌搜索，我发现有一个独立的jQuery选择器模块。这是Sizzle。

我决定制作一个小代码片段，帮助我利用jQuery Selector（使用Sizzle）的强大功能快速启动一个使用AngularJS的网站。

我在这里分享了我的代码：https://github.com/huytd/Sizzular

迫切的→ 声明的

在jQuery中，选择器用于查找DOM元素，然后将事件处理程序绑定/注册到这些元素。当事件触发时，执行该（命令性）代码以更新/更改DOM。

在AngularJS中，您需要考虑视图而不是DOM元素。视图是包含AngularJS指令的（声明性）HTML。指令在幕后为我们设置事件处理程序，并为我们提供动态数据绑定。选择器很少使用，因此对ID（以及某些类型的类）的需求大大减少。视图与模型绑定（通过范围）。视图是模型的投影。事件会更改模型（即数据、范围财产），并且投影这些模型的视图会“自动”更新

在AngularJS中，考虑模型，而不是jQuery选择的保存数据的DOM元素。将视图视为这些模型的投影，而不是注册回调来操纵用户所看到的内容。

关注点分离

jQuery采用了不引人注目的JavaScript——行为（JavaScript）与结构（HTML）分离。

AngularJS使用控制器和指令（每一个都可以有自己的控制器，和/或编译和链接函数）从视图/结构（HTML）中删除行为。Angular还提供服务和过滤器来帮助分离/组织应用程序。

另请参见https://stackoverflow.com/a/14346528/215945

应用程序设计

设计AngularJS应用程序的一种方法：

想想你的模型。为这些模型创建服务或您自己的JavaScript对象。想想你想如何展示你的模型——你的观点。使用必要的指令为每个视图创建HTML模板以获得动态数据绑定。将控制器连接到每个视图（使用ng视图和布线或ng控制器）。让控制器仅查找/获取视图执行其任务所需的任何模型数据。使控制器尽可能薄。

原型继承

在不了解JavaScript原型继承的工作原理的情况下，您可以使用jQuery做很多工作。在开发AngularJS应用程序时，如果您对JavaScript继承有很好的理解，您将避免一些常见的陷阱。推荐阅读：AngularJS中范围原型/原型继承的细微差别是什么？

请收听播客JavaScript Jabber:第32集，其中介绍了AngularJS的原创创作者：Misko Hevery&Igor Minar。他们谈论了很多来自其他JavaScript背景，特别是jQuery的AngularJS的感觉。

播客中的一点让我对你的问题有了很多看法：

MISKO：[…]在Angular中，我们很难想到的一件事是，我们如何提供大量逃生舱口，以便您能够逃出去，并基本上找到解决问题的方法。对我们来说，答案是“指令”。有了指令，你就基本上变成了一个普通的小jQueryJavaScript，你可以做任何你想做的事情。IGOR：所以把指令想象成编译器的指令，当你在模板中遇到这个特定的元素或这个CSS时，它会告诉你，你保留这类代码，而这类代码负责DOM树中元素及其下面的所有内容。

可以通过上面提供的链接获得整个事件的记录。

所以，直接回答你的问题：AngularJS非常固执己见，是一个真正的MV*框架。然而，您仍然可以在指令中使用jQuery完成所有您知道和喜爱的非常酷的事情。这不是“我如何做我在jQuery中曾经做过的事情？”的问题，而是“我如何用我在jQuery中曾经做的所有事情来补充AngularJS？”

这是两种截然不同的心态。

为了描述“范式转变”，我认为一个简短的答案就足够了。

AngularJS改变了查找元素的方式

在jQuery中，通常使用选择器来查找元素，然后将它们连接起来：$（'#id.class'）.click（doStuff）；

在AngularJS中，您使用指令直接标记元素，将它们连接起来：<a ng click=“doStuff（）”>

AngularJS不需要（也不希望）使用选择器查找元素——AngularJS的jqLite与完整的jQuery之间的主要区别是jqLite不支持选择器。

因此，当人们说“根本不包括jQuery”时，主要是因为他们不希望您使用选择器；他们希望你学会使用指令。直接，而不是选择！