在线jquery
jQuery CDN 链接
以下是常用的 jQuery CDN(内容分发网络)链接,可直接在 HTML 文件中引入:
-
jQuery 3.x(最新稳定版)
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> -
jQuery 2.x(兼容旧浏览器,但不支持 IE 6/7/8)

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> -
jQuery 1.x(兼容 IE 6/7/8)
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> -
Google CDN

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
使用方法示例
引入 jQuery 后,可直接在 <script> 标签中编写代码:
<!DOCTYPE html>
<html>
<head>
<title>jQuery 示例</title>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
</head>
<body>
<button id="btn">点击</button>
<script>
$(document).ready(function() {
$("#btn").click(function() {
alert("jQuery 已生效!");
});
});
</script>
</body>
</html>
验证 jQuery 是否加载
通过以下代码检查 jQuery 是否成功加载:
if (typeof jQuery == 'undefined') {
console.log("jQuery 未加载");
} else {
console.log("jQuery 版本: " + $.fn.jquery);
}
其他资源
- 官方文档:jQuery API
- 下载本地版本:jQuery 官网
推荐使用最新版本的 jQuery 3.x,以获得更好的性能和安全性支持。






