使用 jquery 和 typescript
本篇文章提供了使用 jquery 和 typescript 的基本理解和概念。它通过一个编码示例指导如何在 typescript 中使用 jquery，并使用 typescript 中的各种方法进行输出，并提供有关 jquery 是什么以及为什么使用它的知识。
什么是 jquery
从 jquery 的官方文档来看，它被定义为一个快速、功能丰富的小型 javascript 库。jquery 创建了 html 文档遍历和操作、动画、ajax 和事件处理等功能，使用易于使用的 api 可以在许多浏览器上运行，从而更加简单。
让我们有一个编码示例来更好地了解 jquery。
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">script>
<script>
$(document).ready(()=>{
$("button").click(function(){
$("h4").hide();
});
});
script>
head>
<body>
<h4>this is a headingh4>
<p>this is a paragraph.p>
<p>this is another paragraph.p>
<button>click me to hide paragraphsbutton>
body>
html>
jquery 的语法是为选择 html 元素和对元素执行操作而量身定制的。
jquery 的基本语法如下。
$(selector).action()
上面的代码选择了 document 对象，并且在 ready 状态下，它会触发一个事件，在该事件中它选择了一个 button 和 on click 动作，该动作隐藏了 h4 标记的标题。html 结构在初始阶段看起来像这样。
触发事件后，html 将更改为以下内容。
现在让我们深入了解如何使用带有 typescript 的 jquery 以及详细的指南。
安装 @types 包以在 typescript 项目中设置 jquery
在我们开始在 typescript 中使用 jquery 之前，我们需要在我们的项目中设置 jquery 以便在 typescript 中使用它。让我们来看看开发者社区中不同且常用的流行方法来在我们的项目中设置 jquery 并将其与 typescript 一起使用。
开发人员常用的方法是为项目安装 @types 包，它会自动帮助编译器解析 jquery 的定义。
@types 组织下的包使用 types-publisher 工具 从 definitelytyped 自动发布。
要在项目中获取 @types 包，你需要在与 package.json 文件相同的文件夹中运行命令。
npm install --save-dev @types/jquery
这将在你的项目中安装@types/jquery 作为 devdependency，这将有助于 typescript 正确编译。此外，通过运行以下命令安装 jquery。
npm install jquery
这会将 jquery 作为依赖项添加到你的项目中，并解决 typescript 中与 jquery 相关的所有冲突。
这将解决 typescript 中 jquery 在编译类型时的所有冲突。
转载请发邮件至 1244347461@qq.com 进行申请，经作者同意之后，转载请以链接形式注明出处
本文地址：
相关文章
在 typescript 中使用 try..catch..finally 处理异常
发布时间：2023/03/19 浏览次数：385 分类：
-
本文详细介绍了如何在 typescript 中使用 try..catch..finally 进行异常处理，并附有示例。
发布时间：2023/03/19 浏览次数：254 分类：
-
本教程指南通过特定的实现和编码示例深入了解了 typescript 中 declare 关键字的用途。
发布时间：2023/03/19 浏览次数：962 分类：
-
本篇文章演示了类的 get 和 set 属性以及如何在 typescript 中实现它。
在 typescript 中格式化日期和时间
发布时间：2023/03/19 浏览次数：269 分类：
-
本教程介绍内置对象 date() 并讨论在 typescript 中获取、设置和格式化日期和时间的各种方法。
在 typescript 中返回一个 promise
发布时间：2023/03/19 浏览次数：586 分类：
-
本教程讨论如何在 typescript 中返回正确的 promise。这将提供 typescript 中 returns promise 的完整编码示例，并完整演示每个步骤。
在 typescript 中定义函数回调的类型
发布时间：2023/03/19 浏览次数：1445 分类：
-
本教程说明了在 typescript 中为函数回调定义类型的ag捕鱼王app官网的解决方案。为了程序员的方便和方便，实施了不同的编码实践指南。
使用 npm 将 typescript 更新到最新版本
发布时间：2023/03/19 浏览次数：446 分类：
-
本教程说明了如何使用 npm 更新到最新版本的 typescript。这将为如何使用 npm 将 typescript 更新到最新版本提供完整的实际示例。
检查 typescript 中的 undefined
发布时间：2023/03/19 浏览次数：239 分类：
-
本教程说明了 typescript 中未定义检查的ag捕鱼王app官网的解决方案。这将提供 typescript 中未定义类型检查的完整编码示例，并完整演示每个步骤。
