📜  jquery 导入 js 文件 - Javascript (1)

📅  最后修改于: 2023-12-03 15:16:48.804000             🧑  作者: Mango

jQuery 导入 JS 文件 - Javascript

jQuery 是一个流行的 Javascript 库,它使得 JavaScript 的操作变得更加简单和容易。在使用 jQuery 时,我们需要先将 jQuery 库导入到我们的项目中。

导入 jQuery 库

要导入 jQuery 库,我们首先需要从 jQuery 官网 下载 jQuery 库的最新版本。jQuery 库可以选择以下两种方式导入到项目中:

1. 直接下载文件

将下载得到的 jQuery 文件(通常是一个 .js 文件)复制到你的项目当中,然后在 HTML 文件中通过 script 标签引入即可:

<script src="path/to/jquery.js"></script>
2. 使用CDN

jQuery 也可以通过 CDN 导入到项目当中。

在 HTML 文件中通过 script 标签引入:

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
验证 jQuery 是否导入

当你成功导入 jQuery 之后,就可以在你的 JavaScript 代码中使用 $ 或者 jQuery 来访问 jQuery 库了。我们可以通过以下代码片段来验证 jQuery 是否成功导入:

// 等价于 $(document).ready(function(){...})
$(function(){
  console.log("jQuery successfully loaded!");
});
结论

通过以上步骤,你已经成功地导入了 jQuery 库,可以使用它提供的各种方法来方便地操作 DOM 或者进行 ajax 数据请求等操作。