引用在线jquery
以下是关于在线使用 jQuery 的几种常见方法及注意事项:
使用 CDN 引入 jQuery
推荐通过公共 CDN(内容分发网络)加载 jQuery,例如 Google Hosted Libraries 或 Microsoft Ajax CDN。将以下代码添加到 HTML 文件的 <head> 或 <body> 部分:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
版本号(如 3.6.0)可根据需求替换为其他稳定版本。
验证 jQuery 是否加载成功
在引入 jQuery 后,可通过以下代码测试是否生效:
<script>
$(document).ready(function() {
console.log("jQuery 已加载,当前版本:", $.fn.jquery);
});
</script>
若控制台输出版本号,则说明加载成功。
直接引用 jQuery 官方文件
访问 jQuery 官网 下载最新版本,或直接链接到官方提供的 CDN:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
使用 npm 或 yarn 安装
适用于本地开发环境:
npm install jquery
安装后通过模块化方式引入:

import $ from 'jquery';
注意事项
- 生产环境建议使用压缩版本(如
jquery.min.js)以提升加载速度。 - 确保 jQuery 在自定义脚本之前引入,避免
$ is not defined错误。 - 部分 CDN 可能受地域限制,可备选多个 CDN 源以提高可靠性。






