迫切的→ 声明的

在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中范围原型/原型继承的细微差别是什么？

这些都是很好但很长的答案。

总结我的经验：

控制器和提供者（服务、工厂等）用于修改数据模型，而不是HTML。HTML和指令定义了模型的布局和绑定。如果需要在控制器之间共享数据，请创建一个服务或工厂-它们是在应用程序中共享的单体。如果您需要HTML小部件，请创建一个指令。如果您有一些数据并且正在尝试更新HTML。。。停下！更新模型，并确保HTML绑定到模型。

你能描述一下必要的范式转变吗？

命令与声明

使用jQuery，您可以一步一步地告诉DOM需要发生什么。使用AngularJS，您可以描述您想要的结果，但不描述如何实现。还有，看看马克·拉乔克的答案。

如何以不同的方式构建和设计客户端web应用程序？

AngularJS是一个使用MVC模式的完整客户端框架（查看它们的图形表示）。它非常注重关注点的分离。

最大的区别是什么？我应该停止做什么/使用什么；我应该开始做什么？

jQuery是一个库

AngularJS是一个漂亮的客户端框架，高度可测试，它结合了许多很酷的东西，如MVC、依赖注入、数据绑定等等。

它专注于关注点和测试的分离（单元测试和端到端测试），这有助于测试驱动开发。

最好的开始方式是完成他们很棒的教程。你可以在几个小时内完成这些步骤；然而，如果你想掌握幕后的概念，它们包括大量的参考资料以供进一步阅读。

是否有服务器端的考虑/限制？

您可以在已经使用纯jQuery的现有应用程序上使用它。然而，如果您想充分利用AngularJS特性，可以考虑使用RESTful方法对服务器端进行编码。

这样做将允许您利用他们的资源工厂，这将创建服务器端RESTful API的抽象，并使服务器端调用（获取、保存、删除等）变得异常简单。

它们是苹果和橘子。你不想比较它们。它们是两种不同的东西。AngularJs已经内置了jQuery lite，它允许您执行基本的DOM操作，甚至不包括完整的jQuery版本。

jQuery完全是关于DOM操作的。它解决了所有跨浏览器的问题，否则您将不得不处理，但它不是一个允许您将应用程序划分为AngularJS等组件的框架。

AngularJs的一个优点是它允许您在指令中分离/隔离DOM操作。有内置指令可供您使用，例如ng-click。您可以创建自己的自定义指令，这些指令将包含所有视图逻辑或DOM操作，这样您就不会在应该处理业务逻辑的控制器或服务中混合DOM操作代码。

Angular将应用程序分解为-控制器-服务-视图-等等。

还有一件事，那就是指令。它是一个可以附加到任何DOM元素的属性，您可以在其中使用jQuery，而不必担心jQuery会与AngularJs组件冲突或破坏其架构。

我从我参加的一次会议上听到，Angular的创始人之一表示，他们非常努力地将DOM操作分离出来，所以不要试图将它们重新纳入其中。

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

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。