html 引入 JQuery

72 阅读 0 评论 48 点赞

我是靠谱客的博主冷艳书包，最近开发中收集的这篇文章主要介绍html 引入 JQuery，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

html 引入 JQuery

这里我使用npm 来下载 jquery

新建任意文件夹

npm install jquery

目录结构
在这里插入图片描述
打开 node_modules / jquery

在这里插入图片描述
打开 dist目录就会看到 jquery 的一些文件啦

在这里插入图片描述

vs code 编辑器打开dist 目录结构如下
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 平时修仙版  便于看源码修仙 -->
    <script src="./jquery.js"></script>
    <!-- 上线版本 减少体积 -->
    <!-- <script src="./jquery.min.js"></script> -->
    <title>html 引入 jquery</title>
</head>
<body>
    <script>
        console.log(jQuery)
        console.log($)
        console.log(jQuery === $)
    </script>
</body>
</html>