jQuery is a library and Angular is a MVVM framework. jQuery is included in Angular.js file so you can use the jQuery functions and features within Angular.
WHAT IS JQUERY?
Here are some of the key technical features that are available in the jQuery library:
- DOM manipulations are a lot easier with the help of jQuery
- CSS manipulation
- Event handling
- Effects and animations
- Cross-browser compatibility
- Lightweight (minified and gzipped)
jQuery makes no assumptions about your web technology stack, and may be used in conjunction with other frameworks, including AngularJS. In fact, AngularJS is built off of an implementation of jQuery called jqLite.
WHAT IS ANGULARJS?
Some of the key features AngularJS adds on top of jQuery are:
- Angular directives (extension to HTML)
- Dependency injection
- Two-way data binding
- Support for MVC
- RESTful API
- Form validation
It goes without saying that AngularJS also abstracts the DOM, has a system for managing event handlers, and supports AJAX/JSONP.
As far as choosing between Angular JS and jQuery, it always depends on the nature of the application. If we are talking about a complex application, then Angular JS is the best otherwise go with jQuery.