当前位置:首页 > jquery

在线jquery

2026-01-16 14:14:30jquery

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)

    在线jquery

    <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

    在线jquery

    <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 3.x,以获得更好的性能和安全性支持。

标签: 在线jquery
分享给朋友:

相关文章

react 如何引入jquery

react 如何引入jquery

引入 jQuery 到 React 项目 在 React 项目中引入 jQuery 可以通过多种方式实现,但需要注意 React 和 jQuery 操作 DOM 的方式可能冲突,因此建议仅在必要时使用…

jquery版本

jquery版本

jQuery 的版本历史及当前状态如下: 当前稳定版本 jQuery 的最新稳定版本是 3.6.4(发布于 2023 年 3 月),支持现代浏览器并修复了部分安全问题。 主要版本分支…

jquery文档

jquery文档

以下是关于 jQuery 文档的核心内容和资源整理,便于快速查阅和使用: jQuery 官方文档 官网地址:jQuery Official Documentation 内容分类:API 参考:包含…

jquery 图表

jquery 图表

jQuery 图表库推荐 jQuery 本身不直接提供图表功能,但可以通过插件或集成其他库实现图表绘制。以下是几种常用的 jQuery 图表解决方案: Chart.js 集成 Chart.js 是…

jquery 获取

jquery 获取

jQuery 获取元素的方法 jQuery 提供了多种方法来获取 DOM 元素,以下是常用的几种方式: 通过 ID 获取元素 使用 $("#id") 可以获取指定 ID 的元素。例如: $("…

jquery div

jquery div

jQuery 操作 div 元素 jQuery 提供了多种方法来操作 div 元素,包括选择、修改内容、样式调整、事件绑定等。以下是常见操作的示例: 选择 div 元素 通过 ID 选择 div:…