加载jquery
加载jQuery的方法
通过CDN加载jQuery
在HTML文件的<head>或<body>部分添加以下代码，使用官方CDN或第三方CDN（如Google或Microsoft）引入jQuery。推荐使用最新版本（如3.x或2.x，根据兼容性需求选择）。
<!-- 使用jQuery官方CDN -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- 或使用Google CDN -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>本地文件引入
下载jQuery库文件（如jquery.min.js）并保存到项目目录中，通过相对路径引入：
<script src="js/jquery.min.js"></script>npm/yarn安装（适用于Node.js项目）
在项目根目录运行以下命令安装jQuery：
npm install jquery
# 或
yarn add jquery安装后，在JavaScript文件中通过require或import引入：
const $ = require('jquery');
// 或
import $ from 'jquery';动态加载（异步方式）
通过JavaScript动态创建<script>标签加载jQuery，确保在依赖jQuery的代码执行前完成加载：
const script = document.createElement('script');
script.src = 'https://code.jquery.com/jquery-3.6.0.min.js';
script.onload = function() {
console.log('jQuery loaded');
};
document.head.appendChild(script);注意事项
- 检查CDN链接的版本号是否为最新稳定版。
- 本地引入时确保文件路径正确。
- 动态加载需处理可能的异步问题，避免脚本未加载完成时调用jQuery函数。
