在安装jquery和@types/jquery(作为dev依赖项)后，使用以下导入:

import * as $ from "jquery";

对我来说，只有这样才有用。 (angular9)

对于Angular CLI V2+

npm install jquery --save
npm install @types/jquery --save

确保jquery在angular中有一个条目。Json ->脚本

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

转到tsconfig.app.json，在“类型”中添加一个条目

{
    "extends": "../tsconfig.json",
    "compilerOptions": {
        "outDir": "../out-tsc/app",
        "types": ["jquery","bootstrap","signalr"]
    },
    "exclude": [
        "test.ts",
        "**/*.spec.ts"
    ]
}

步骤1。 我使用的是yarn，你可以安装jQuery & jQuery的类型下面的cmd。

yarn add jquery
yarn add @types/jquery -D

步骤2 在你的tsx文件中添加

import jquery from 'jquery';
const $: JQueryStatic = jquery;

步骤3: 你可以把jQuery添加到react组件中。

useEffect(() => {  
  $(() => {
    console.log("Hello JQuery!");
  });
}, []);

对于Visual Studio代码

对我来说有用的是确保我通过index.html中的< script >标记来加载标准的JQuery库。

Run

npm install --save @types/jquery

现在JQuery $函数在所有.ts文件中都可用，不需要任何其他导入。

如果你想在web应用程序(例如React)中使用jquery，并且jquery已经加载了<script src="jquery-3.3.1.js"…

在网页上你可以这样做:

npm install --save-dev @types/query
and the use it with:
let $: JQueryStatic = (window as any)["jQuery"];

所以，你不需要第二次加载jquery(使用NPM install—save jquery) 但拥有Typescript的所有优点

我相信你可能需要JQuery的Typescript类型。既然你说你使用Visual Studio，你可以使用Nuget来获取它们。

https://www.nuget.org/packages/jquery.TypeScript.DefinitelyTyped/

Nuget Package Manager Console中的命令为

Install-Package jquery.TypeScript.DefinitelyTyped

更新:正如评论中提到的，这个包自2016年以来就没有更新过。但你仍然可以访问他们的Github页面https://github.com/DefinitelyTyped/DefinitelyTyped并下载这些类型。导航到库的文件夹，然后在那里下载index.d.ts文件。弹出它在你的项目目录的任何地方，VS应该立即使用它。