简介
TypeScript 是一种类型安全的 JavaScript 超集语言。它允许开发人员编写具有类型和接口定义的代码，以提高代码的可读性、可维护性和可靠性。另外，jQuery 是一个非常流行的 JavaScript 库，用于简化 DOM 操作和增强 JavaScript 功能。
这篇文章将探讨如何在 TypeScript 中使用 jQuery，并介绍 TypeScript 声明文件（.d.ts 文件）的作用。
使用 jQuery
要在 TypeScript 中使用 jQuery，需要先将 jQuery 库添加到项目中。可以通过 npm 安装 jQuery，或直接下载官方库并添加到项目中。然后，只需在 TypeScript 代码中导入 jQuery：
import * as $ from 'jquery';
现在，就可以像在普通 JavaScript 代码中一样使用 jQuery 了。例如，可以选择 DOM 元素并修改它们的属性：
$('button').prop('disabled', true);TypeScript 声明文件
尽管 TypeScript 可以识别 JavaScript 代码中的类型和接口，但它无法识别第三方 JavaScript 库中的类型和接口。这意味着在使用这些库时，开发人员需要手动为其添加类型信息。
幸运的是，许多流行的 JavaScript 库都有可用的 TypeScript 声明文件，这些文件包含该库的类型和接口信息。这些声明文件使用 .d.ts 扩展名，并可以通过 npm 安装。
对于 jQuery，有一个名为 @types/jquery 的官方 TypeScript 声明文件可用。安装它后，就可以直接在 TypeScript 代码中导入 jQuery：
import * as $ from 'jquery';
此时，TypeScript 将自动识别 jQuery 的类型和接口信息，并提供相应的智能提示和类型检查。例如，如果尝试使用不存在的 jQuery 方法，则会得到编译时错误提示。
$('button').foo(); // 编译时错误：无法找到方法 foo。总结
使用 TypeScript 和 jQuery，可以编写更可读、可维护和可靠的前端代码。要在 TypeScript 中使用 jQuery，请将 jQuery 库添加到项目中并导入它。为了让 TypeScript 能够识别 jQuery 的类型和接口信息，需要安装官方的 @types/jquery TypeScript 声明文件。这样，就可以利用 TypeScript 提供的智能提示和类型检查功能来提高开发效率和代码质量。
示例代码
index.html：
-- -------------------- ---- ------- --------- ----- ------ ------ ----------------- --- -------------- ------- ------ ------------- ------------ ------- ------------------------ ------- -------
index.ts：
import * as $ from 'jquery';
$('button').click(() => {
$('button').prop('disabled', true);
alert('Button clicked!');
});来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30172