当前位置:首页 > 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 是否成功加载:

在线jquery

if (typeof jQuery == 'undefined') {
  console.log("jQuery 未加载");
} else {
  console.log("jQuery 版本: " + $.fn.jquery);
}

其他资源

推荐使用最新版本的 jQuery 3.x,以获得更好的性能和安全性支持。

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

相关文章

jquery下载

jquery下载

jQuery下载方法 官方渠道下载 访问jQuery官网(https://jquery.com/),点击首页的“Download”按钮。页面提供两个版本: Production:压缩版(mini…

jquery 滑块

jquery 滑块

jQuery 滑块实现方法 使用 jQuery 实现滑块功能可以通过多种方式完成,包括使用原生 jQuery 或结合插件(如 jQuery UI)。以下是几种常见实现方法: 使用 jQuery UI…

jquery 获取

jquery 获取

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

jquery 添加

jquery 添加

jQuery 添加元素的方法 动态添加 HTML 内容 使用 append()、prepend()、after() 或 before() 方法可以在 DOM 中插入新元素。 // 在元素内部末尾…

jquery 判断

jquery 判断

jQuery 判断元素是否存在 使用 jQuery 判断元素是否存在通常通过检查选择器匹配的元素长度来实现。如果长度大于 0,表示元素存在;否则不存在。 if ($('selector').leng…

jquery滚动

jquery滚动

jQuery 滚动事件监听 使用 jQuery 监听滚动事件可以通过 scroll() 方法实现。以下代码会在窗口滚动时触发回调函数: $(window).scroll(function() {…