简单引入JQuery

最新推荐文章于 2024-09-13 23:32:49 发布

三文鱼先生

最新推荐文章于 2024-09-13 23:32:49 发布

阅读量3k

点赞数

分类专栏：从零开始搭建一个SpringBoot项目文章标签： jquery 前端

本文链接：https://blog.csdn.net/qq_44717657/article/details/128127024

版权

从零开始搭建一个SpringBoot项目专栏收录该内容

14 篇文章 0 订阅

订阅专栏

简单引入JQuery

前言
环境配置
- 下载官网的JQuery到本机
- 引入JQuery到Html文件中

前言

作为一个兢兢业业的后端程序猿，这里为了方便自己搭建的项目更加合理，使自己写的接口对前端也更加友好。所以我决定，从头开始学习下前端知识。

环境配置

下载官网的JQuery到本机

先去JQuery把JQuery.js文件内容的信息，弄下来。
jquery官网下载地址
在这里插入图片描述
点开以后就是JQuery的所有信息

ctrl + a选中全部再ctrl + c复制下来。在桌面新建一个以jquery-3.6.1.js的文件，然后以记事本打开文件，ctrl + v复制进去，保存。这样的就得到了官网的jquery文件了。

引入JQuery到Html文件中

新建以下目录结构
在这里插入图片描述
test.html

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>js示例文件</title>
    <script src="../js/jquery-3.6.1.js"></script>
    <script type="text/javascript">
        console.log($);
    </script> 
    </head>
    <body>
    </body>
</html>