typescript引用jquery，乍一看挺简单，但实际操作中可能会遇到一些小坑。我曾经就因为一个小细节卡了半天，所以想分享一下我的经验，希望能帮大家少走弯路。
直接用标签引入jQuery是最常见的做法，但这在TypeScript项目中可能导致类型检查报错。因为TypeScript并不知道jQuery是什么，无法理解你对它的调用。解决方法是声明jQuery的类型定义文件。
你可以在项目中安装@types/jquery这个包。 我记得当时用的是npm，命令行输入npm install --save-dev @types/jquery，然后等待安装完成。安装完成后，TypeScript就能识别jQuery了。
但是，仅仅安装还不够。你需要在你的TypeScript文件中正确地导入jQuery。 我最初犯的错误就是直接在代码里写$，结果编译器报错。正确的做法是在文件顶部用import * as $ from 'jquery'; 导入。 这句代码告诉TypeScript，$代表jQuery，并且它包含了jQuery的所有内容。
举个例子，假设你想用jQuery选择一个元素：
由于疫情等原因大家都开始习惯了通过互联网上租车服务的信息多方面，且获取方式简便，不管是婚庆用车、旅游租车、还是短租等租车业务。越来越多租车企业都开始主动把租车业务推向给潜在需求客户，所以如何设计一个租车网站，以便在同行中脱颖而出就重要了，易优cms针对租车行业市场需求、目标客户、盈利模式等，进行策划、设计、制作，建设一个符合用户与搜索引擎需求的租车网站源码。 网站首页
import * as $ from 'jquery';
$(document).ready(function() {
$('#myElement').text('Hello, world!');
});这段代码简洁明了，在$(document).ready()函数中，我们使用$来选择id为myElement的元素，并修改它的文本内容。 需要注意的是，$(document).ready()确保在DOM加载完成后再执行jQuery代码，避免出现元素不存在的错误。 我一开始没注意这一点，结果代码运行后没有任何反应，调试了好久才发现问题所在。
如果你使用的是模块化构建工具，例如Webpack，你需要确保你的配置能够正确处理TypeScript和jQuery。这方面我就不展开细说了，因为不同的构建工具配置方法不一样，而且这已经超出了TypeScript引用jQuery的范畴。
总而言之，正确安装@types/jquery，使用import * as $ from 'jquery';导入，以及注意DOM加载顺序，这三点是顺利使用jQuery的关键。 希望我的经验能帮助你快速上手，避免一些不必要的麻烦。
