js引入jquery
引入jQuery的方法
通过CDN引入（推荐）
在HTML文件的<head>或<body>标签内添加以下代码，使用jQuery官方CDN或公共CDN（如cdnjs、Google Hosted Libraries）：
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>如需指定版本，替换URL中的版本号（如3.6.0）即可。Google CDN的引入方式示例：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>本地文件引入
- 从jQuery官网下载jQuery库（选择压缩版
min.js）。 - 将文件保存到项目目录（如
js/jquery.min.js）。 - 在HTML中通过相对路径引入：
<script src="js/jquery.min.js"></script>
模块化项目引入（如Webpack、Node.js）
通过npm或yarn安装jQuery：
npm install jquery
# 或
yarn add jquery在JavaScript文件中通过import或require引入：
import $ from 'jquery';
// 或
const $ = require('jquery');验证引入成功
在引入jQuery后，可通过以下代码测试是否生效：
$(document).ready(function() {
console.log("jQuery已加载，当前版本：" + $.fn.jquery);
});注意事项
- 建议将
<script>标签放在<body>末尾，避免阻塞页面渲染。 - 使用CDN时，可添加备用源（如本地回退）以防CDN失效：
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>')</script>
