Angular vs jQuery

Я углубляться не буду. Отвечу очень просто.

jQuery - это библиотека, которая позволяет делать сложные вещи на js простыми способами (в частности, за счёт виджетов и плагинов).

AngularJS - это MVC-фреймворк, который на себя берёт полностью генерирование страницы с помощью шаблонов и моделей, и управление ей, используя двусторонний дата-биндинг, изменение её, используя логику вашего приложения.

Они - кардинально различаются по целям. Даже сам факт того, что AngularJS в себе уже содержит jQuery (его облегчённую версию jQLite), уже говорит о том, что это - совершенно разные вещи, выполняющие разные задачи.

Если совсем просто:

• jQuery - это библиотека, чтобы вместо

document.querySelector('[data-bind="example"]') .addEventListener('click', function () { ... }, false);

писать

$('[data-bind="example"]') .on('click', function () { ... });

и чтобы это поддерживали все браузеры.

• AngularJS - это чтобы сделать single page application (где после клика на каждую ссылку страница не будет перезагружаться полностью, а переход будет происходить сразу) и написать весь Frontend на нём.

1. Bindings, особенно двусторонние, в Angular сильно упрощают жизнь по сравнению с jQuery.
2. Декларативность и написание читабельных шаблонов (модификации DOM в jQuery намного менее сопровождаемы и очевидны на первый взгляд).
3. Angular написан с учётом модульности и тестируемости, поэтому содержит Dependency injection.