加载jquery
加载jQuery的方法
通过CDN加载
推荐使用官方或公共CDN(内容分发网络)加载jQuery,速度快且无需本地文件。以下示例使用Google CDN:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
本地文件加载
下载jQuery文件并保存到项目目录中,通过相对路径引入:

- 从jQuery官网下载最新版本。
- 将文件(如
jquery.min.js)放入项目文件夹(例如/js)。 - 在HTML中引用:
<script src="/js/jquery.min.js"></script>
模块化环境(如Node.js)
通过npm或yarn安装jQuery:

npm install jquery
在JavaScript文件中导入:
import $ from 'jquery';
注意事项
- 建议将
<script>标签放在<body>末尾或使用defer属性,避免阻塞页面渲染。 - 检查加载是否成功:
if (typeof jQuery == 'undefined') { console.error('jQuery加载失败'); }






