html 引入 JQuery

编程开发更新时间:2023-03-31 04:14:31

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>