Why you should use AngularJS with jQuery

Myth of no need to use jQuery with AngularJS apps spreads around like a virus.

Why you probably should use jQuery along with AngularJS:

jQuery serves different purpose than AngularJS. AngularJS is a framework that gives structure for your app. jQuery is a DOM manipulation library that abstracts browser API differences.

AngularJS uses jQuery / jqLite underneath for it's native directives (all ng-*), cause jQuery does DOM manipulation well. That's why AngularJS creators decided to use jQuery to do that in the first place.

So yes, you should use jQuery in your AngularJS app. What is bad is doing DOM manipulation (using jQuery or whatever) inside controllers / services. You should always do DOM manipulation only in directives.

Below I pasted contents of ng-style directive. As you can see it's using jQuery (or stripped version - jqLite):

var ngStyleDirective = ngDirective(function(scope, element, attr) {
  scope.$watch(attr.ngStyle, function ngStyleWatchAction(newStyles, oldStyles) {
   if (oldStyles && (newStyles !== oldStyles)) {
       forEach(oldStyles, function(val, style) {         
     element.css(style, '');
 });
 }
    if (newStyles) element.css(newStyles);
  }, true);
});

If you need to do any DOM manipulation that ng-* don't provide, you could also benefit from using jQuery to abstract browser differences and focus on your problem. There's nothing wrong with it.

The biggest functional overlap of jQuery and AngularJS are events, and a few utility functions. As for the events I recommend using AngularJS events to easily control lifescope of components, as for the latter Lodash seems most useful.