在 TypeScript 中使用 JQuery

在 ts 中使用 JQuery

在 html 中引入 jquery：

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>

有了 jquery 框架，就可以在 TypeScript 文件中进行使用JQuery的语法了。

const teacher: string = "jspang";
console.log(teacher);

$(function () {
  alert("jspang");
});

使用 Parcel 编译后，虽然浏览器可以正常访问，也没有任何报错，但是 vscode 会报错。

解决方案

1. 安装 types/jquery

npm i @types/jquery

2. 简单粗暴，直接在 ts 文件的头部加入这句代码

declare var $: any;

3. 自己写一个 .d.ts 声明文件的类库
   这个写起来是很麻烦的，不推荐给大家。

---

相关文章：
用 Parcel 打包 TypeScript 代码
参考：
技术胖——TypeScript从入门到精通（26. 在 TypeScript 中使用 JQuery）