如何在TypeScript中使用jQuery

我在尝试

$(function(){ alert('Hello'); }); 

它在Visual Studio中显示错误。 我如何使用TypeScript的jQuery？

Answer 1

很可能您需要下载并包含jQuery- jquery.d.ts的TypeScript定义文件 – 在您的项目中。

选项1：安装@types软件包（推荐用于TS 2.0+）

在您的项目运行中：

 npm install --save-dev @types/jquery 

然后编译器会自动parsingjquery的定义。

选项2：手动下载

在这里下载。

选项3：使用types

如果你使用打字，那么你可以这样包含它：

 // 1. Install typings npm install typings -g // 2. Download jquery.d.ts (run this command in the root dir of your project) typings install dt~jquery --global --save 

---

设置完定义文件后，将别名（ $ ）导入到所需的TypeScript文件中，以便像通常那样使用它。

 import $ from "jquery"; // or import $ = require("jquery"); 

你的意思是需要编译--allowSyntheticDefaultImports -add "allowSyntheticDefaultImports": true在tsconfig.json中为 "allowSyntheticDefaultImports": true 。

Answer 2

我相信你可能需要JScript的Typescripttypes。 既然你说你在使用Visual Studio，你可以使用Nuget来获取它们。

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

Nuget包pipe理器控制台中的命令是

 Install-Package jquery.TypeScript.DefinitelyTyped 

Answer 3

对于Visual Studio代码

对我而言，确保我通过index.html中的<script>标记来加载标准的JQuery库。

跑

 npm install --save @types/jquery 

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