当前位置:首页 > 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)

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

在线jquery

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

相关文章

jquery.js

jquery.js

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,用于简化 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它的设计宗旨是“Write Less, Do Mor…

vue 实现在线预览

vue 实现在线预览

Vue 实现在线预览功能 在线预览功能通常用于查看文档、图片、PDF等文件内容,无需下载即可直接浏览。以下是几种常见的实现方式: 使用 iframe 嵌入预览 <template>…

jquery教程

jquery教程

jQuery 教程:基础与实用方法 jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。其核心特点是“写得更少…

jquery官网

jquery官网

jQuery 官网地址 jQuery 的官方网站是 https://jquery.com/。该网站提供以下核心内容: 下载 jQuery:提供最新版本的 jQuery 库(压缩版和未压缩版),支持…

jquery 菜鸟

jquery 菜鸟

以下是针对 jQuery 初学者的基础指南,涵盖核心概念和常用操作: jQuery 简介 jQuery 是一个快速、轻量级的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和…

jquery最新版本

jquery最新版本

jQuery 最新版本 截至2024年7月,jQuery 的最新稳定版本是 3.7.1,发布于2023年11月16日。 版本特性 3.x 系列:支持现代浏览器(IE 9+),移除了旧版API,优…