当前位置:首页 > jquery

html引入jquery

2026-03-16 16:01:58jquery

引入jQuery的方法

通过CDN引入
在HTML文件的<head><body>标签内添加以下代码,使用CDN(内容分发网络)加载jQuery:

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

推荐使用官方CDN(如code.jquery.com)或谷歌、微软的CDN,确保加载速度和稳定性。

下载本地文件引入
jQuery官网下载最新版本的jQuery文件(如jquery-3.6.0.min.js),保存到项目目录中(例如js文件夹)。通过相对路径引入:

<script src="js/jquery-3.6.0.min.js"></script>

验证jQuery是否引入成功

在引入jQuery后,可以通过以下代码测试是否生效:

<script>
    $(document).ready(function() {
        console.log("jQuery已加载!");
    });
</script>

如果控制台输出提示信息,则说明引入成功。

html引入jquery

注意事项

  • 引入顺序:jQuery必须在依赖它的其他脚本之前加载。
  • 版本选择:生产环境推荐使用压缩版(.min.js),体积更小。
  • 备用方案:为应对CDN失效,可添加本地回退代码:
    <script>
        window.jQuery || document.write('<script src="js/jquery-3.6.0.min.js"><\/script>');
    </script>

标签: htmljquery
分享给朋友:

相关文章

jquery作用

jquery作用

jQuery的作用概述 jQuery是一个快速、简洁的JavaScript库,主要用于简化HTML文档遍历、事件处理、动画设计和Ajax交互等操作。其核心目标是让开发者以更少的代码完成更多功能,同时解…

jquery获取

jquery获取

获取元素 使用jQuery选择器获取元素,通过CSS选择器或jQuery特定选择器定位目标元素。常见选择器包括ID选择器(#id)、类选择器(.class)、标签选择器(tag)等。示例: $('#…

jquery 隐藏

jquery 隐藏

jQuery 隐藏元素的方法 使用 jQuery 隐藏元素可以通过多种方式实现,以下是几种常见的方法: hide() 方法hide() 是最简单的隐藏元素方法,它会将元素的 display 属性设置…

jquery时间

jquery时间

jQuery 时间处理 jQuery 本身不提供专门的时间处理函数,但可以通过 JavaScript 的 Date 对象结合 jQuery 的事件和方法来实现时间操作。以下是常见的时间处理需求及实现方…

jquery获取元素

jquery获取元素

jQuery 获取元素的方法 jQuery 提供了多种方法来获取 DOM 元素,以下是常见的几种方式: 通过 ID 选择器获取元素 使用 #id 选择器可以获取具有特定 ID 的元素。例如: $(…

jquery遍历

jquery遍历

jQuery遍历方法 jQuery提供了多种遍历DOM元素的方法,可以根据需求选择合适的方式操作元素集合。 each()方法 each()方法用于遍历jQuery对象中的每个元素,并对每个元素执行回…