How to include and use jQuery in Angular CLI project

Tested in angular version 7:

1. install jquery:
   npm install jquery
   install jquery typescript intellisense:
   npm install @types/jquery
2. edit the angular.json file in root folder:
   in the architect / build / scripts location, add this:

   "scripts": [ "./node_modules/jquery/dist/jquery.min.js" ]

3. To use jquery inside a component.ts add this import at the top:
   import $ from ‘jquery’;

   Example code to check for functionality:
   component html:

   <button (click)="testJQuery()">Test jquery</button>

   component.ts:

   testJQuery() {
   $('html').fadeOut();
   $('html').fadeIn();
   }

   Click on the button should fade out and fade in the entire page.

Source: How to include and use jQuery in Angular CLI project