How to Include and Use jQuery in Angular CLI Project
A simple, easy process
You can include jQuery in a very few and easy steps.
First, install jQuery using npm as follows:
npm install jquery — save
Second, go to the
./angular-cli.json file at the root of your Angular CLI project folder, and find the
scripts:  property, and include the path to jQuery as follows:
"scripts": [ "../node_modules/jquery/dist/jquery.min.js" ]
"scripts": [ "../node_modules/jquery/dist/jquery.min.js","../node_modules/bootstrap/dist/js/bootstrap.js"]
After including jQuery, stop running your Angular CLI application. Then, re-run it using Ng serve.
Now, to use jQuery, all you have to do is to import it in whatever component you want to use jQuery.
import * as $ from 'jquery';(or)declare var $: any;
Take a look at the below code that uses jQuery to animate
div on click, especially in the second line. We are importing everything as $ from jQuery.
This demo of the Angular CLI project uses jQuery.
Take a look at this GitHub demo.
That’s all for now!