在线引入jquery
在线引入 jQuery 的方法
方法一:通过 CDN 引入 jQuery
推荐使用官方或公共 CDN(内容分发网络)加载 jQuery,确保高速和稳定性。以下是常用 CDN 链接:
-
jQuery 官方 CDN
将以下代码放入 HTML 文件的<head>或<body>部分:<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> -
Microsoft CDN
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.6.0.min.js"></script>
方法二:指定版本或压缩版本
若需特定版本(如 1.x 或 2.x),替换链接中的版本号即可。例如:

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
压缩版本(带 .min)适合生产环境,非压缩版(不带 .min)便于调试。
方法三:ES Module 方式引入
现代项目中可通过 import 语法直接引入 CDN 的 ES 模块:
<script type="module">
import $ from 'https://code.jquery.com/jquery-3.6.0.min.js';
// 使用 $
</script>
注意事项
- 确保网络连接正常,否则 CDN 加载失败会影响功能。
- 可在本地设置备用路径,当 CDN 不可用时切换到本地 jQuery 文件:
<script> window.jQuery || document.write('<script src="/path/to/local/jquery.min.js"><\/script>'); </script>






